import { Radio } from 'features/Common'

const Story = {
  component: Radio,
  title: 'Radio',
}

export default Story

const backgroundStyles = {
  backgroundColor: '#333',
  height: '200px',
  padding: '20px',
}

export const Group = () => (
  <div style={backgroundStyles}>
    <Radio
      id='primeraDivisión'
      label='Primera División'
      name='team'
      checked
    />
    <Radio
      id='manchesterUnited'
      label='Manchester United'
      name='team'
    />
  </div>
)
