import React from 'react';
import { IconProps } from '../Icon/index.js';
import { HTMLTribeProps } from '../types/index.js';
export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "outline", "danger", "basic"];
export declare type ButtonVariant = typeof BUTTON_VARIANTS[number];
export declare const BUTTON_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
export declare type ButtonSize = typeof BUTTON_SIZES[number];
export declare type ButtonProps = HTMLTribeProps<'button'> & {
    variant?: ButtonVariant;
    size?: ButtonSize;
    fullWidth?: boolean;
    rounded?: boolean;
    disabled?: boolean;
    loading?: boolean;
    leadingIcon?: IconProps;
    trailingIcon?: IconProps;
};
export declare const Button: React.ForwardRefExoticComponent<HTMLTribeProps<"button"> & {
    variant?: ButtonVariant;
    size?: ButtonSize;
    fullWidth?: boolean;
    rounded?: boolean;
    disabled?: boolean;
    loading?: boolean;
    leadingIcon?: React.SVGProps<SVGSVGElement>;
    trailingIcon?: React.SVGProps<SVGSVGElement>;
} & React.RefAttributes<HTMLButtonElement>>;