import { RulerTheme } from '../utils/types';
export declare const getStyles: (height: number, width: number, vertical: boolean, indicatorHeight: number, stepWidth: number, longStepHeight: number, activeTheme: RulerTheme) => {
    container: {
        width: number;
        height: number;
        backgroundColor: string;
        flexDirection: "row" | "column";
        paddingTop: "10%";
    };
    rulerContainer: {
        overflow: "hidden";
        borderRadius: number;
        margin: number;
        width: number;
        height: number | undefined;
        flexGrow: number;
        alignSelf: "center" | undefined;
    };
    rulerContent: {
        marginTop: number;
        paddingBottom: number;
        paddingRight: number;
        alignItems: "center";
    };
    indicator: {
        position: "relative";
        alignSelf: "center";
        top: number;
        left: "-43%" | -5;
        width: number;
        height: number;
        backgroundColor: string;
    };
    displayTextContainer: {
        flexDirection: "row" | "column";
        alignSelf: "center";
        marginBottom: number;
        alignItems: "center";
        marginTop: number;
        marginLeft: number;
    };
    valueText: {
        fontSize: number;
        fontWeight: "800";
        margin: number;
        padding: number;
        color: string;
        maxWidth: number;
    };
    unitText: {
        fontSize: number;
        fontWeight: "400";
        marginLeft: number;
        color: string;
    };
    selectedText: {
        flexDirection: "row";
        minHeight: number;
        minWidth: number;
        justifyContent: "center";
    };
    text: {
        textAlign: "center";
        height: number | undefined;
        width: number | undefined;
        maxWidth: number;
        fontSize: number;
    };
};
//# sourceMappingURL=RulerPicker.styles.d.ts.map