import * as React from 'react'; import { TooltipCommonProps } from '../common'; export type InfoIconSize = 'small' | 'medium'; export interface InfoIconProps { /** Sets the content of the tooltip that's shown when the icon is hovered or focused. */ content: React.ReactNode; /** Controls the icon size. * @default medium */ size?: InfoIconSize; /** A hook for testing purposes. */ dataHook?: string; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Customize appearance with its props component. * @linkTypeTo Tooltip * @setTypeName TooltipCommonProps */ tooltipProps?: TooltipCommonProps; /** A component to replace default the icon. * @internal */ children?: React.ReactNode; /** Accessible label for screen readers. There is no default: pass a translated label that describes what the info is about. */ ariaLabel?: string; 'aria-labelledby'?: string; 'aria-describedby'?: string; } //# sourceMappingURL=InfoIcon.types.d.ts.map