import type { IconButtonProps } from './types';
/**
 * IconButton - Square icon-only button for icon actions
 *
 * A compact button that displays a single icon from the kit (e.g. edit, bin, search).
 * Uses the kit's Icon and theme. Good for row actions, toolbars, and secondary actions
 * where a text label is not needed. Optional tooltip on hover and full style overrides
 * via a single styles prop.
 *
 * Features:
 * - Any icon from the kit via icon name
 * - Optional tooltip (title) on hover via kit Tooltip
 * - Optional aria-label; defaults to raw icon name for screen readers
 * - Single styles prop: button, iconColor, icon (all overridable)
 * - Transparent or grey background variant; disabled state
 *
 * @category Form Controls
 * @subcategory Action
 *
 * @example
 * ```tsx
 * <IconButton icon="edit" onClick={onEdit} aria-label="Edit" />
 * ```
 *
 * @example
 * ```tsx
 * <IconButton icon="bin" onClick={onDelete} title="Delete" transparent />
 * ```
 *
 * @example
 * ```tsx
 * <IconButton
 *   icon="search"
 *   onClick={onSearch}
 *   styles={{ button: { marginLeft: 8 }, iconColor: theme.colors.blue }}
 * />
 * ```
 */
export declare const IconButton: ({ icon, onClick, "aria-label": ariaLabel, title, disabled, transparent, styles, }: IconButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
