export declare const baseButtonHeight: number;
export declare const smallButtonHeight: number;
export declare const useStyles: () => {
    fullHeight: {
        flexGrow: number;
        flexShrink: number;
    };
    fullWidth: {
        alignSelf: "stretch";
    };
    touchable: {
        borderRadius: number;
    };
    button: {
        justifyContent: "center";
        alignItems: "center";
        alignSelf: "stretch";
        flexDirection: "row";
        overflow: "hidden";
        margin: number;
        borderRadius: number;
        borderWidth: number;
        paddingVertical: number;
    };
    base: {
        minHeight: number;
        paddingHorizontal: number;
    };
    small: {
        minHeight: number;
        paddingHorizontal: number;
    };
    reducedPaddingForFullWidth: {
        paddingHorizontal: number;
    };
    iconPaddingOffset: {
        paddingRight: number;
    };
    content: {
        paddingLeft: number;
        height: "100%";
    };
    contentWithLabel: {
        paddingLeft: number;
    };
    iconStyle: {
        position: "absolute";
        top: "50%";
        left: number;
        transform: {
            translateY: number;
        }[];
    };
    labelStyle: {
        flexGrow: number;
        justifyContent: "center";
    };
    work: {
        backgroundColor: string;
        borderColor: string;
    };
    learning: {
        backgroundColor: string;
        borderColor: string;
    };
    destructive: {
        backgroundColor: string;
        borderColor: string;
    };
    cancel: {
        backgroundColor: string;
        borderColor: string;
    };
    cancelSecondary: {
        borderColor: string;
    };
    primary: {};
    secondary: {
        backgroundColor: string;
        borderColor: string;
    };
    tertiary: {
        backgroundColor: string;
        borderColor: string;
    };
    disabled: {
        borderColor: string;
        backgroundColor: string;
    };
};