import React from 'react'
import { Story, Meta } from '@storybook/react'
import { InlineError, InlineErrorProps } from './InlineError'

export default {
  title: 'Forms/InlineError',
  component: InlineError,
  argTypes: {
    message: {
      name: 'message',
      description: 'Message explaining how to resolve the error',
      type: { name: 'string', required: false }
    }
  }
} as Meta

const Template: Story<InlineErrorProps> = (args: any) => (
  <InlineError {...args}></InlineError>
)

export const Default = Template.bind({})
Default.args = {
  message: 'Password is required'
}
