import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';

/**
 * Button component
 *
 * const styles = button({...})
 *
 * @example
 * <button
 *  className={styles())}
 *  data-disabled={true/false}
 *  data-pressed={true/false}
 *  data-hovered={true/false}
 *  data-focused={true/false}
 *  data-focus-visible={true/false}
 * >
 *   Button
 * </button>
 */
declare const button: tailwind_variants.TVReturnType<{
    variant: {
        solid: string;
        bordered: string;
        light: string;
        flat: string;
        faded: string;
        shadow: string;
        ghost: string;
    };
    size: {
        xs: string[];
        sm: string[];
        md: string[];
        lg: string[];
    };
    color: {
        default: string;
        primary: string;
        secondary: string;
        success: string;
        warning: string;
        danger: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        full: string;
    };
    fullWidth: {
        true: string;
    };
    isInGroup: {
        true: string;
    };
    isIconOnly: {
        true: string;
    };
    disableAnimation: {
        true: string;
        false: string;
    };
}, undefined, string[], {
    variant: {
        solid: string;
        bordered: string;
        light: string;
        flat: string;
        faded: string;
        shadow: string;
        ghost: string;
    };
    size: {
        xs: string[];
        sm: string[];
        md: string[];
        lg: string[];
    };
    color: {
        default: string;
        primary: string;
        secondary: string;
        success: string;
        warning: string;
        danger: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        full: string;
    };
    fullWidth: {
        true: string;
    };
    isInGroup: {
        true: string;
    };
    isIconOnly: {
        true: string;
    };
    disableAnimation: {
        true: string;
        false: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        solid: string;
        bordered: string;
        light: string;
        flat: string;
        faded: string;
        shadow: string;
        ghost: string;
    };
    size: {
        xs: string[];
        sm: string[];
        md: string[];
        lg: string[];
    };
    color: {
        default: string;
        primary: string;
        secondary: string;
        success: string;
        warning: string;
        danger: string;
    };
    radius: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        full: string;
    };
    fullWidth: {
        true: string;
    };
    isInGroup: {
        true: string;
    };
    isIconOnly: {
        true: string;
    };
    disableAnimation: {
        true: string;
        false: string;
    };
}, undefined, string[], unknown, unknown, undefined>>;
/**
 * ButtonGroup component
 *
 * const styles = buttonGroup({...})
 *
 * @example
 * <div role="group" className={styles())}>
 *   // button elements
 * </div>
 */
declare const buttonGroup: tailwind_variants.TVReturnType<{
    fullWidth: {
        true: string;
    };
}, undefined, "inline-flex items-center justify-center h-auto", {
    fullWidth: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    fullWidth: {
        true: string;
    };
}, undefined, "inline-flex items-center justify-center h-auto", unknown, unknown, undefined>>;
type ButtonVariantProps = VariantProps<typeof button>;
type ButtonGroupVariantProps = VariantProps<typeof buttonGroup>;

export { type ButtonGroupVariantProps, type ButtonVariantProps, button, buttonGroup };