import { LayoutMargin, ColorScheme, Click, Focus } from '@euax-ui/default-props';
import { SystemProps } from '@chakra-ui/system';
export declare type IconButtonWhithoutIconProps = {
    /**
     * If `true`, the button will show a spinner.
     */
    isLoading?: boolean;
    /**
     * If `true`, the button will be styled in its active state.
     */
    isActive?: boolean;
    /**
     * If `true`, the button will be disabled.
     */
    isDisabled?: boolean;
    /**
     * If `true`, the button will take up the full width of its container.
     */
    isFullWidth?: boolean;
    /**
     * The label to show in the button when `isLoading` is true
     * If no text is passed, it only shows the spinner
     */
    loadingText?: string;
    /**
     * The html button type to use.
     */
    type?: 'button' | 'reset' | 'submit';
    /**
     * If added, the button will show an icon before the button's label.
     * @type React.ReactElement
     */
    leftIcon?: React.ReactElement;
    /**
     * If added, the button will show an icon after the button's label.
     * @type React.ReactElement
     */
    rightIcon?: React.ReactElement;
    /**
     * The space between the button icon and label.
     * @type SystemProps["marginRight"]
     */
    iconSpacing?: SystemProps['marginRight'];
    id?: string;
    variant?: 'ghost' | 'outline' | 'solid' | 'link' | 'unstyled';
    size?: 'sm' | 'md' | 'lg' | 'xs';
    'aria-label': string;
} & LayoutMargin & ColorScheme & Click<HTMLButtonElement> & Focus<HTMLButtonElement>;
export declare type IconButtonProps = {
    icon: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
} & IconButtonWhithoutIconProps;
export declare type IconButtonCoreProps = {
    borderRadius?: 'sm' | 'md' | 'lg' | 'inherit' | 'initial' | 'revert' | 'unset' | 'base' | 'xl' | '2xl' | '3xl' | 'full';
} & IconButtonProps;