import { type ReactNode } from 'react';
import { type BezierIcon } from '@channel.io/bezier-icons';
import { type BezierComponentProps, type DisableProps, type PolymorphicProps, type SizeProps } from "../../types/props";
type IconButtonVariant = 'primary' | 'secondary' | 'tertiary';
type IconButtonColor = 'blue' | 'cobalt' | 'red' | 'orange' | 'green' | 'pink' | 'purple' | 'dark-grey' | 'light-grey' | 'white-absolute';
type IconButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
interface IconButtonOwnProps {
    /**
     * If `loading` is true, spinner will be shown, replacing the content. Also, the button will be disabled.
     * @default false
     */
    loading?: boolean;
    /**
     * If `active` is true, the button will be styled as if it is hovered.
     * You may want to use this prop for a button which opens dropdown, etc.
     * @default false
     */
    active?: boolean;
    /**
     * Types of visual styles for button.
     * @default 'primary'
     */
    variant?: IconButtonVariant;
    /**
     * Color of the button.
     * @default 'blue'
     */
    color?: IconButtonColor;
    /**
     * Icon in the button.
     */
    content: BezierIcon | ReactNode;
    /**
     * Shape of the button.
     * @default 'rectangle'
     */
    shape?: 'rectangle' | 'circle';
}
export interface IconButtonProps extends Omit<BezierComponentProps<'button'>, 'color' | 'content'>, PolymorphicProps, SizeProps<IconButtonSize>, DisableProps, IconButtonOwnProps {
}
export {};
//# sourceMappingURL=IconButton.types.d.ts.map