import { ReactNode } from 'react';
import {
  CheckBoxColorVariant,
  DirectionVariant,
  MuiRadioBaseProps,
  OptionsRadios,
  TextFieldSizeVariant,
} from '../types';
import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
import { OverridableStringUnion } from '@mui/types';

export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
  id?: string;
  name?: string;
  options?: OptionsRadios[];
  required?: boolean;
  direction?: DirectionVariant;
  label?: ReactNode;
  size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
  checked?: string;
  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
}