export declare enum VARIANTS {
    primary = "primary",
    secondaryOutline = "secondaryOutline",
    secondaryOutlineTransparent = "secondaryOutlineTransparent",
    tertiary = "tertiary",
    tertiaryTransparent = "tertiaryTransparent",
    primaryDark = "primaryDark"
}
export interface ButtonStyleProps {
    /**
     * Style variant of the button. Defines text and background colour
     */
    variant: keyof typeof VARIANTS;
    /**
     * The width of the button for large viewport sizes
     */
    sizeMediaMediumUp?: 'auto' | 'fullWidth';
    /**
     * Flag to indicate if the button is disabled or not
     */
    disabled?: boolean;
    /**
     * Flag to indicate if the button is in a loading state or not
     */
    loading?: boolean;
}
export declare const variantColors: {
    primary: {
        color: string;
        hoverColor: "#08051c";
        bgColor: "#261a91";
        hoverBgColor: "#d6d8f0";
        activeBgColor: string;
    };
    secondaryOutline: {
        color: "#261a91";
        hoverColor: "#170f57";
        borderColor: "#261a91";
        hoverBgColor: "#d6d8f0";
        activeBgColor: string;
        hoverBorderWidth: number;
    };
    secondaryOutlineTransparent: {
        color: string;
        hoverColor: "#170f57";
        bgColor: string;
        borderColor: string;
        hoverBgColor: "#d6d8f0";
        hoverBorderBgColor: "#d6d8f0";
    };
    tertiary: {
        color: "#08051c";
        bgColor: "#3de5b2";
        hoverBgColor: string;
        activeBgColor: string;
    };
    tertiaryTransparent: {
        color: "#261a91";
    };
    primaryDark: {
        color: "#08051c";
        bgColor: "#f4ee22";
        hoverBgColor: string;
        activeBgColor: string;
    };
};
declare const buttonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonStyleProps, any>>;
export default buttonStyles;