export declare const baseStyles: {
    container: {
        borderRadius: number;
        alignItems: "center";
        justifyContent: "center";
        flexDirection: "row";
        minHeight: number;
    };
    small: {
        paddingHorizontal: number;
        paddingVertical: number;
        minHeight: number;
    };
    medium: {
        paddingHorizontal: number;
        paddingVertical: number;
        minHeight: number;
    };
    large: {
        paddingHorizontal: number;
        paddingVertical: number;
        minHeight: number;
    };
    disabled: {
        opacity: number;
    };
    text: {
        fontWeight: "600";
        fontSize: number;
    };
    iconContainer: {
        justifyContent: "center";
        alignItems: "center";
    };
    iconLeft: {
        marginRight: number;
    };
    iconRight: {
        marginLeft: number;
    };
    contentContainer: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
    };
    smallText: {
        fontSize: number;
    };
    mediumText: {
        fontSize: number;
    };
    largeText: {
        fontSize: number;
    };
};
export declare const getDynamicStyles: (primaryColor: string) => {
    primary: {
        backgroundColor: string;
    };
    secondary: {
        backgroundColor: string;
    };
    outline: {
        backgroundColor: string;
        borderWidth: number;
        borderColor: string;
    };
    ghost: {
        backgroundColor: string;
    };
    primaryText: {
        color: string;
    };
    secondaryText: {
        color: string;
    };
    outlineText: {
        color: string;
    };
    ghostText: {
        color: string;
    };
};
export declare const getIconSize: (size: string) => number;
export declare const getIconColor: (variant: string, primaryColor: string) => string;