import { FC } from 'react';
import { MetricType } from '../services/TrackTileService';
export type UnitPickerProps = {
    placeholder?: string;
    value: string;
    units: MetricType['units'];
    onChange: (value: string) => void;
};
export declare const UnitPicker: FC<UnitPickerProps>;
declare const defaultStyles: (theme: import("../../BrandConfigProvider").Theme) => readonly ["UnitPicker", import("../../BrandConfigProvider/styles/createStyles").NamedStyles<{
    container: {
        flexDirection: "row";
        alignItems: "flex-end";
    };
    label: {
        letterSpacing: number;
        color: string;
        fontSize: number;
        lineHeight: number;
        justifyContent: "flex-end";
    };
    iosIcon: {
        marginLeft: number;
        height: number;
        width: number;
        transform: {
            translateY: number;
        }[];
    };
    iosPopupContainer: {
        marginTop: string;
        height: number;
        justifyContent: "center";
        backgroundColor: string;
    };
    iosAccessoryContainer: {
        height: number;
        flexDirection: "row";
        justifyContent: "flex-end";
        alignItems: "center";
        paddingHorizontal: number;
        backgroundColor: string;
        borderTopWidth: number;
        borderTopColor: string;
        zIndex: number;
    };
    iosPopupAccessoryDoneText: {
        color: string;
        fontSize: number;
        paddingTop: number;
        paddingRight: number;
    };
    androidLabel: {
        color: string;
        height: number;
        paddingRight: number;
        paddingLeft: number;
        marginRight: number;
    };
    androidSelectedColorText: {
        color: string;
    };
    androidUnselectedColorText: {
        color: undefined;
    };
}>];
declare module './../../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export {};