// @flow
import type { TranslatedContent } from '../../types';

type LabelProps = {|
  label: string,
|};

type FreeFormInputProp = {|
  placeholder: string,
  value: ?string,
  onChange?: (string) => void,
|};
export type RadioOptionProp = {|
  id: string,
  text: TranslatedContent,
  selected: boolean,
  onClick: (string) => void,
  description?: TranslatedContent,
  freeForm?: FreeFormInputProp,
|};

export type RadioProps = {|
  ...LabelProps,
  options: Array<{|
    id: string,
    text: string,
    description?: TranslatedContent,
    freeForm?: FreeFormInputProp,
  |}>,
  selectedId: ?string,
  onClick: (string) => void,
|};
