import { Fragment } from 'react'

import { Input } from 'features/Common'

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

export default Story

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

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

export const WithError = () => (
  <Input
    type='email'
    label='Email'
    error='Error message'
  />
)
