/// <reference types="react" />
import { Theme } from '../theme/index.js';
import { ButtonColors, ButtonSizes, ButtonVariants } from './types.js';
declare type InjectedProps = {
    $color: ButtonColors;
    $size: ButtonSizes;
    $variant: ButtonVariants;
    $fullwidth: boolean;
    $square: boolean;
    $loading: boolean;
    $active: boolean;
    theme: Theme;
};
export declare const ButtonStyle: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, InjectedProps, never>;
export declare const ripple: import("styled-components").Keyframes;
export declare const ButtonRippleStyle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
export declare const ButtonContentStyle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
    $hidden: boolean;
}, never>;
export declare const ButtonLoaderStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    size?: "small" | "medium" | "large" | undefined;
    color?: "secondary" | "foreground" | "primary" | "success" | undefined;
    thickness?: number | undefined;
} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
    as?: keyof JSX.IntrinsicElements | undefined;
    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
}, "ref" | "color" | "size" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
export {};
//# sourceMappingURL=ButtonStyles.d.ts.map