import { Button as KButton } from '@kobalte/core/button';
import { JSX, ComponentProps } from 'solid-js';
import { VariantProps } from 'tailwind-variants';
declare const buttonStyles: import('tailwind-variants').TVReturnType<{
    size: {
        sm: {
            base: string;
        };
        md: {
            base: string;
        };
        lg: {
            base: string;
        };
    };
    loading: {
        true: {
            base: string;
        };
    };
    variant: {
        default: {
            base: string;
        };
        outline: {
            base: string;
        };
        dashed: {
            base: string;
        };
        filled: {
            base: string;
        };
        text: {
            base: string;
        };
    };
    color: {
        primary: {
            base: string;
        };
        success: {
            base: string;
        };
        warning: {
            base: string;
        };
        danger: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
}, undefined, {
    size: {
        sm: {
            base: string;
        };
        md: {
            base: string;
        };
        lg: {
            base: string;
        };
    };
    loading: {
        true: {
            base: string;
        };
    };
    variant: {
        default: {
            base: string;
        };
        outline: {
            base: string;
        };
        dashed: {
            base: string;
        };
        filled: {
            base: string;
        };
        text: {
            base: string;
        };
    };
    color: {
        primary: {
            base: string;
        };
        success: {
            base: string;
        };
        warning: {
            base: string;
        };
        danger: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
}, import('tailwind-variants').TVReturnType<{
    size: {
        sm: {
            base: string;
        };
        md: {
            base: string;
        };
        lg: {
            base: string;
        };
    };
    loading: {
        true: {
            base: string;
        };
    };
    variant: {
        default: {
            base: string;
        };
        outline: {
            base: string;
        };
        dashed: {
            base: string;
        };
        filled: {
            base: string;
        };
        text: {
            base: string;
        };
    };
    color: {
        primary: {
            base: string;
        };
        success: {
            base: string;
        };
        warning: {
            base: string;
        };
        danger: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
}, undefined, unknown, unknown, undefined>>;
type ButtonVariants = VariantProps<typeof buttonStyles>;
export interface ButtonProps extends ComponentProps<typeof KButton>, ButtonVariants {
    loading?: boolean;
    leftIcon?: JSX.Element;
    rightIcon?: JSX.Element;
}
export declare const Button: (props: ButtonProps) => JSX.Element;
export {};