import { default as React } from 'react';
import { PolymorphicProps, StyleProps } from '../../style-engine';
export declare const buttonStyles: import('../../style-engine').StylesDef<{
    readonly color: {
        readonly primary: "bg-primary text-white";
        readonly secondary: "bg-secondary text-white";
        readonly accent: "bg-accent text-white";
        readonly muted: "bg-muted text-foreground";
        readonly success: "bg-success text-white";
        readonly warning: "bg-warning text-white";
        readonly danger: "bg-danger text-white";
        readonly info: "bg-info text-white";
        readonly gradient: "bg-gradient-ui text-white";
    };
    readonly shadow: {
        readonly sm: "shadow-sm";
        readonly md: "shadow";
        readonly lg: "shadow-lg";
        readonly xl: "shadow-xl";
        readonly '2xl': "shadow-2xl";
    };
    readonly size: {
        readonly sm: "px-3 py-1 text-sm";
        readonly md: "px-4 py-2 text-base";
        readonly lg: "px-8 py-3 text-lg";
    };
    readonly rounding: {
        readonly none: "rounded-none";
        readonly sm: "rounded-sm";
        readonly md: "rounded-md";
        readonly lg: "rounded-lg";
        readonly xl: "rounded-xl";
        readonly full: "rounded-full";
    };
} & {
    fill: {
        solid: string;
        outline: string;
        ghost: string;
    };
    rounding: {
        readonly none: "rounded-none";
        readonly sm: "rounded-sm";
        readonly md: "rounded-md";
        readonly lg: "rounded-lg";
        readonly xl: "rounded-xl";
        readonly full: "rounded-full";
    };
}>;
export type ButtonProps<E extends React.ElementType> = PolymorphicProps<E, StyleProps<typeof buttonStyles> & {}>;
export declare function Button<E extends React.ElementType = 'button'>({ children, as, color, fill, size, rounding, className, ...props }: ButtonProps<E>): React.JSX.Element;