interface RadioInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
  children?: React.ReactNode;
}

export const RadioInput = ({
  name,
  value,
  checked,
  onChange,
  children,
  ...props
}: RadioInputProps) => {
  return (
    <label className="flex alignCenter spacing1">
      <input
        type="radio"
        name={name}
        value={value}
        checked={checked}
        onChange={onChange}
        {...props}
      />
      {children && <span>{children}</span>}
    </label>
  );
};