import { Accessibility, RadioGroupItemBehaviorProps } from '@fluentui/accessibility'; import { UIComponentProps, ChildrenComponentProps } from '../../utils'; import { BoxProps } from '../Box/Box'; import { ComponentEventHandler, ShorthandValue, FluentComponentStaticProps } from '../../types'; import { ComponentWithAs } from '@fluentui/react-bindings'; export interface RadioGroupItemSlotClassNames { indicator: string; } export interface RadioGroupItemProps extends UIComponentProps, ChildrenComponentProps { /** Accessibility behavior if overridden by the user. */ accessibility?: Accessibility; /** Whether or not radio item is checked. */ checked?: boolean; /** * Called after radio item checked state is changed. * @param event - React's original SyntheticEvent. * @param data - All props. */ onChange?: ComponentEventHandler; /** The label of the radio item. */ label?: ShorthandValue; /** Initial checked value. */ defaultChecked?: boolean; /** A radio item can appear disabled and be unable to change states. */ disabled?: boolean; /** The radio item indicator can be customized. */ indicator?: ShorthandValue; /** The HTML input name. */ name?: string; /** * Called after radio item is clicked. * @param event - React's original SyntheticEvent. * @param data - All props. */ onClick?: ComponentEventHandler; /** Whether should focus when checked */ shouldFocus?: boolean; /** The HTML input value. */ value?: string | number; /** A vertical radio group displays elements vertically. */ vertical?: boolean; } export declare const radioGroupItemClassName = "ui-radiogroup__item"; export declare const radioGroupItemSlotClassNames: RadioGroupItemSlotClassNames; export declare type RadioGroupItemStylesProps = Required>; /** * A RadioGroupItem represents single input element within a RadioGroup. * * @accessibility * Radio items need to be grouped to correctly handle accessibility. */ export declare const RadioGroupItem: ComponentWithAs<'div', RadioGroupItemProps> & FluentComponentStaticProps;