@pubsweet/ui/src/molecules/YesOrNo.js

React component library for use in pubsweet apps

import React from 'react'
import { Colorize } from '../atoms'
import { RadioGroup } from '../molecules'

const options = [
  {
    label: 'Yes',
    value: 'yes',
  },
  {
    label: 'No',
    value: 'no',
  },
]

const YesOrNo = ({ name, value, required, onChange, color = 'black' }) => (
  <RadioGroup
    inline
    name={name}
    onChange={onChange}
    options={options.map(el => ({ ...el, color }))}
    required={required}
    value={value}
  />
)

export default Colorize(YesOrNo)