import type { Meta, Story } from '@storybook/react';

import { FormHelperText } from './index';
import type { FormHelperTextProps } from './index';

export default {
  component: FormHelperText,
  title: 'Forms/Form Helper Text'
} as Meta;

const Template: Story<FormHelperTextProps> = args => <FormHelperText {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  children: 'Some important helper text',
  disabled: false,
  error: false,
  warning: false
};

export const Error = Template.bind({});
Error.args = {
  children: 'Error',
  disabled: false,
  error: true,
  warning: false
};

export const Warning = Template.bind({});
Warning.args = {
  children: 'Warning',
  disabled: false,
  error: false,
  warning: true
};