import React, { ChangeEvent, FocusEvent, ReactNode } from 'react'; import { ResponsiveProp } from '../../../types'; declare type BaseSize = 'sm' | 'md' | 'lg'; export declare type RadioSize = BaseSize | ResponsiveProp; export interface RadioInputProps { /** * Radio input name. */ name: string; /** * Callback function to call on change event. */ onChange: (event: ChangeEvent) => void; /** * Options for radio group. */ option: { id: string; value: string; label: ReactNode; disabled?: boolean | null; }; /** * Additional classes to add. */ className?: string; /** * If the radio group should be disabled and not focusable. */ isDisabled?: boolean; /** * If the radio input should be hidden to make way for a custom radio. */ isHidden?: boolean; /** * The required and aria-required attributes */ isRequired?: boolean; /** * If the radio group should be disabled and not focusable. */ isSelected?: boolean; /** * Callback function to call on blur event. */ onBlur?: (event: FocusEvent) => void; /** * Callback function to call on focus event. */ onFocus?: (event: FocusEvent) => void; /** * The size of the radio icon. */ size: RadioSize; } export declare const RadioInput: React.ForwardRefExoticComponent>; export {};