import React from 'react';
import { DefaultProps, FlowindColor, FlowindSize, Selectors, StatusType } from '../../styles';
import { LoaderProps } from '../loader';
import useStyles, { IconButtonStylesParams } from './icon-button.styles';
export type IconButtonStylesNames = Selectors<typeof useStyles>;
export interface IconButtonProps extends DefaultProps<IconButtonStylesNames, IconButtonStylesParams> {
    __staticSelector?: string;
    /** Icon */
    children?: React.ReactNode;
    type?: StatusType;
    htmlType?: 'button' | 'submit' | 'reset';
    /** Controls appearance, subtle by default */
    variant?: 'filled' | 'outline' | 'light' | 'default' | 'subtle';
    /** Key of theme.colors */
    color?: FlowindColor;
    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
    radius?: FlowindSize;
    /** Predefined button size or any valid CSS value to set width and height */
    size?: FlowindSize;
    /** Props added to Loader component (only visible when `loading` prop is set) */
    loaderProps?: LoaderProps;
    /** Indicates loading state */
    loading?: boolean;
    /** Indicates disabled state */
    disabled?: boolean;
}
export declare const _IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
export declare const IconButton: (<C = "button">(props: import("../../utils/create-polymorphic-component").PolymorphicComponentProps<C, IconButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(IconButtonProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof IconButtonProps> & {
    ref?: any;
}) | (IconButtonProps & {
    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
})>, never> & Record<string, never>;