/**
 * Define all Button Variants here in one place.
 * Variants should match the variants in Figma
 */
export declare const Variant: {
    readonly shape: "shape";
    readonly size: "size";
    readonly kind: "kind";
    readonly layout: "layout";
};
/**
 * Button Type -- Describes the "role" of a button
 */
export declare const ButtonKind: {
    readonly primary: "primary";
    readonly secondary: "secondary";
    readonly textOnly: "textOnly";
};
export type ButtonKindType = keyof typeof ButtonKind;
/**
 * Button Size
 */
export declare const ButtonSize: {
    readonly small: "small";
    readonly base: "base";
    readonly large: "large";
};
export type ButtonSizeType = keyof typeof ButtonSize;
/**
 * Button Width
 */
export declare const ButtonLayout: {
    readonly fit: "fit";
    readonly full: "full";
};
export type ButtonLayoutType = keyof typeof ButtonLayout;
/**
 * Button Shape
 */
export declare const ButtonShape: {
    readonly square: "square";
    readonly pill: "pill";
};
export type ButtonShapeType = keyof typeof ButtonShape;
export declare const variants: {
    readonly size: {
        readonly base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
        readonly small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
        readonly large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    };
    readonly shape: {
        readonly square: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
        readonly pill: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    };
    readonly layout: {
        readonly fit: import("styled-components").FlattenSimpleInterpolation;
        readonly full: import("styled-components").FlattenSimpleInterpolation;
    };
    readonly kind: {
        readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
        readonly secondary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
        readonly textOnly: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    };
};
