import { ReactNode } from "react";
type ButtonLayoutParams = {
    icon?: unknown;
    loading?: boolean;
    children: ReactNode;
};
export type ButtonLayouts = "icon" | "icon-and-label" | "label" | "loading";
export declare function getButtonLayout({ icon, children }: ButtonLayoutParams): ButtonLayouts;
export declare const BUTTON_STYLE_VARIANTS: {
    readonly accent: "bg-content-accent hover:bg-accent-400 focus-visible:bg-accent-400 focus-visible:ring-misc-focus-indicator active:bg-accent-600 text-white";
    readonly "secondary-accent": "bg-accent-alpha-100 text-content-accent hover:bg-accent-alpha-200 focus-visible:bg-accent-alpha-300 focus-visible:ring-misc-focus-indicator active:bg-accent-alpha-300";
    readonly "borderless-accent": "text-content-accent hover:bg-accent-alpha-200 focus-visible:bg-accent-alpha-300 focus-visible:ring-misc-focus-indicator active:bg-accent-alpha-300 bg-transparent";
    readonly primary: "bg-background-default text-content-white-inverted-primary hover:bg-background-hover focus-visible:bg-background-hover focus-visible:ring-misc-focus-indicator active:bg-background-down";
    readonly secondary: "bg-background-subdued text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-subdued-down";
    readonly borderless: "text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-borderless-subdued-down";
    readonly "secondary-outline": "border-misc-border misc-border-size-default text-content-primary hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-borderless-subdued-down bg-transparent";
    readonly negative: "bg-negative-alpha-100 text-content-negative hover:bg-negative-alpha-200 focus-visible:bg-negative-alpha-200 focus-visible:ring-misc-focus-indicator active:bg-negative-alpha-300";
    readonly pro: "bg-content-accent! bg-background-pro hover:bg-background-pro-hover focus-visible:ring-misc-focus-indicator focus-visible:bg-background-pro-hover active:bg-background-pro-down text-white";
    readonly flash: "bg-background-flash hover:bg-background-flash-hover focus-visible:bg-background-flash-hover focus-visible:ring-misc-focus-indicator active:bg-background-flash-down text-content-black-primary";
    readonly "on-dark": "bg-background-white hover:bg-background-white-hover focus-visible:bg-background-white-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white text-black";
    readonly "secondary-on-dark": "bg-background-white-subdued text-content-white-primary hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down";
    readonly "borderless-on-dark": "hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover active:bg-background-white-subdued-down focus-visible:ring-misc-white-focus-indicator text-white";
};
export declare const buttonVariants: (props?: ({
    variant?: "accent" | "borderless" | "borderless-accent" | "borderless-on-dark" | "flash" | "negative" | "on-dark" | "primary" | "pro" | "secondary" | "secondary-accent" | "secondary-on-dark" | "secondary-outline" | null | undefined;
    density?: "compact" | "regular" | "spacious" | null | undefined;
    loading?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const innerVariants: (props?: ({
    size?: "large" | "medium" | null | undefined;
    density?: "compact" | "regular" | "spacious" | null | undefined;
    icon?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const iconOnlyVariants: (props?: ({
    size?: "large" | "medium" | null | undefined;
    density?: "compact" | "regular" | "spacious" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const labelTextVariant: (props?: ({
    size?: "large" | "medium" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const TEXT_TO_LEADING_REGISTRY: {
    medium: string;
    large: string;
};
export {};
//# sourceMappingURL=utils.d.ts.map