import {ComponentMeta, ComponentStory} from '@storybook/react';
import {TextArea} from './TextArea';
import {Center} from 'native-base';

export default {
  title: "App/Forms/TextArea",
  component: TextArea,
  argTypes: {
    colorScheme: {
      control: {
        type: "select",
        options: []
      }
    }
  }

} as ComponentMeta<typeof TextArea>;

const Template: ComponentStory<typeof TextArea> = (args) => {
  return (
    <Center>
      <TextArea {...args} />
    </Center>
  )
}

export const Primary = Template.bind({});

Primary.args = {
  h: 20,
  placeholder:"Text Area Placeholder",
  w:"75%",
  maxW:"300"
}