import React from 'react';
import { DefaultProps, MantineNumberSize, MantineColor, Selectors, MantineGradient, Variants } from '@asuikit/styles';
import useStyles, { ActionIconStylesParams } from './ActionIcon.styles';
import { LoaderProps } from '../Loader';
export type ActionIconStylesNames = Selectors<typeof useStyles>;
export interface ActionIconProps extends DefaultProps<ActionIconStylesNames, ActionIconStylesParams> {
    __staticSelector?: string;
    /** Icon */
    children?: React.ReactNode;
    /** Controls appearance, subtle by default */
    variant?: Variants<'subtle' | 'filled' | 'outline' | 'light' | 'default' | 'transparent' | 'gradient'>;
    /** Key of theme.colors */
    color?: MantineColor;
    /** Gradient input, only used when variant="gradient", theme.defaultGradient by default */
    gradient?: MantineGradient;
    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
    radius?: MantineNumberSize;
    /** Predefined button size or any valid CSS value to set width and height */
    size?: MantineNumberSize;
    /** 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 _ActionIcon: React.ForwardRefExoticComponent<ActionIconProps & React.RefAttributes<HTMLButtonElement>>;
export declare const ActionIcon: (<C = "button">(props: import("@asuikit/utils").PolymorphicComponentProps<C, ActionIconProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ActionIconProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
    ref?: any;
}) | (ActionIconProps & {
    component: React.ElementType<any>;
})>, never> & Record<string, never>;
//# sourceMappingURL=ActionIcon.d.ts.map