import React from 'react'; import type { Icon } from '@primer/octicons-react'; import { type TooltipDirection } from '../Tooltip'; import type { BaseProps } from '../component-helpers'; import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'; import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'; export declare const IconButtonVariants: readonly ["primary", "secondary", "subtle", "danger", "invisible"]; export declare const IconButtonSizes: readonly ["small", "medium", "large"]; export declare const defaultIconButtonVariant: "secondary"; export declare const defaultIconButtonSize: "medium"; export type IconButtonVariant = (typeof IconButtonVariants)[number]; export type IconButtonSize = (typeof IconButtonSizes)[number]; type IconButtonBaseProps = Omit, 'ref'> & { as?: C; variant?: IconButtonVariant; icon: Icon | React.ReactElement>; 'aria-label': string; description?: string; inactive?: boolean; loading?: boolean; loadingAnnouncement?: string; rounded?: boolean; size?: IconButtonSize; tooltipDirection?: TooltipDirection; }; export type IconButtonProps = IconButtonBaseProps & Omit, keyof IconButtonBaseProps | 'children'>; type IconButtonComponent = (props: IconButtonProps & React.RefAttributes) => React.ReactElement | null; export declare const IconButton: IconButtonComponent; export {}; //# sourceMappingURL=IconButton.d.ts.map