import React from 'react';
import { Story } from '@storybook/react';
import InputError, { InputErrorType } from '../components/Forms/InputError';
import TextInput from '../components/Forms/TextInput';

export default {
  title: 'Forms / InputError',
  component: InputError,
};

const Template: Story<InputErrorType> = (args) => (
  <div>
    <TextInput
      callback={() => console.log('do nothing')}
      id="myId"
      placeholder="There's an error"
      name="myId"
      title="There's an error here"
      type="text"
      error={args.error}
    />
  </div>
);

export const Default = Template.bind({});
Default.args = {
  error: 'Please Enter text',
  theme: 'text-white h-10',
};