import React from 'react';
import StateDropDown, {
  StateDropDownProps,
} from '../components/Forms/StateDropDown';
import { Story } from '@storybook/react';

export default {
  title: 'Forms / State Drop Down',
  component: StateDropDown,
};

const Template: Story<StateDropDownProps> = (args) => (
  <div>
    <StateDropDown {...args} />
  </div>
);

export const Default = Template.bind({});
Default.args = {
  id: 'mySelect',
  callback: () => {
    console.log('hi');
  },
  name: 'mySelect',
};