import type { AriaAttributes } from 'react'; export type AlignLabel = 'flex-start' | 'center'; export type ButtonAlignment = 'left' | 'right'; export interface RadioButtonProps extends AriaAttributes { /** * Flex align-items value for how to align the radio button with its label (children) * @default "flex-start"" */ alignLabel?: AlignLabel; /** * Data-tag specifically for the clickable radio button portion, without the label */ 'button-data-tag'?: string; checked?: React.InputHTMLAttributes['checked']; children?: React.ReactNode | string; /** * Data-tag which includes the radio input and styled input */ 'data-tag'?: string; disabled?: React.InputHTMLAttributes['disabled']; /** * HTML ID for RadioButton */ id?: string; /** * When RadioButton is used within a RadioGroup, the required `name` value is passed to RadioButton children. */ name?: React.InputHTMLAttributes['name']; onChange?: React.InputHTMLAttributes['onChange']; value: React.InputHTMLAttributes['value']; alignButton?: ButtonAlignment; }