import type { CSSProperties } from 'react'; export type { RadioGroupProps } from '@material-ui/core'; export interface RadioProps { /** * the style passed to the container FormControlLabel */ containerStyle?: CSSProperties; /** * The icon to display when the component is checked. */ checkedIcon?: React.ReactNode; /** * placement of the checkbox */ radioPlacement?: 'top' | 'bottom' | 'middle'; /** * The color of the component. It supports those theme colors that make sense for this component. */ color?: 'primary' | 'secondary' | 'default'; /** * If `true`, the radio will be disabled. */ disabled?: boolean; /** * The icon to display when the component is unchecked. */ icon?: React.ReactNode; /** * The size of the radio. * `small` is equivalent to the dense radio styling. */ size?: 'small' | 'medium'; /** * The text to be used in an enclosing label element. */ label?: string | React.ReactNode; /** * The position of the label. */ labelPlacement?: 'end' | 'start'; /** * The value of the component. */ value?: unknown; }