import React, { Fragment } from 'react'

import { Input } from 'features/Common'

export default {
  component: Input,
  title: 'Input',
}

export const Empty = () => (
  <Input
    id='email'
    type='email'
    label='Email'
  />
)

export const EmailPassword = () => (
  <Fragment>
    <Input
      id='email'
      type='email'
      label='Email'
      labelWidth={72}
      defaultValue='someveeeeeeeeerylooooooooong@email.com'
    />
    <Input
      id='password'
      type='password'
      label='Password'
      labelWidth={72}
      defaultValue='abcdefgh'
    />
  </Fragment>
)
