import { InputHTMLAttributes } from 'react';

export const fonts = {
  primary: `'Roboto', sans-serif`,
  secondary: `'Lato', sans-serif`,
};

export type DirectionType = 'horizontal' | 'vertical';

export type StandardOptionsType = {
  label: string;
  value: string;
  color?: string;
};

export interface RadioButtonGroupProps {
  heading: string;
  direction?: DirectionType;
  required?: boolean;
  options: StandardOptionsType[];
  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  selectedValue: number;
}

export interface RadioInputProps extends InputHTMLAttributes<HTMLInputElement> {
  label: string;
  id: string;
}

export interface RequiredTextProps {
  $required: boolean;
}
