import React from 'react';
import { Tracker } from '../../../services/TrackTileService';
type ValueDisplayProps = {
    resourceType: Tracker['resourceType'];
    /** @description this should be represented in the stored unit type. For Procedure resources that is always seconds */
    value: number;
    observationUnit: string;
    onSelectUnitType: (type: 'min' | 'hour') => void;
    editUnitType: string;
};
export declare const ValueDisplay: (props: ValueDisplayProps) => React.JSX.Element;
declare const defaultStyles: (theme: import("../../../../BrandConfigProvider").Theme) => readonly ["AdvancedTrackerEditorValueDisplay", import("../../../../BrandConfigProvider/styles/createStyles").NamedStyles<{
    container: {
        flexDirection: "row";
    };
    valueText: {
        fontSize: number;
        lineHeight: number;
        color: string;
    };
    unitText: {
        fontSize: number;
        lineHeight: number;
        color: string;
        textTransform: "uppercase";
    };
    procedureUnitText: {
        fontSize: number;
        lineHeight: number;
        textTransform: "uppercase";
    };
    procedureTimePartContainer: {
        alignItems: "center";
    };
    procedureUnitSelectedText: {
        height: number;
        backgroundColor: string;
        width: string;
    };
}>];
declare module './../../../../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export {};