import { Checkbox } from 'features/Common'

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

export default Story

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

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