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

export default {
  title: "App/Forms/Menu",
  component: SwitchSelector,
  argTypes: {
    options: [],
  }
} as ComponentMeta<typeof SwitchSelector>

export const Template: ComponentStory<typeof SwitchSelector> = (args) => {
  return (
    <Center flex={1} flexGrow={1}>
      <SwitchSelector 
          initial={1}
          options={[
          { label: "Something very very long", value: 0 },
          { label: "else", value: 1 },
          { label: "Other", value: 2 }]}
          {...args} 
      />
    </Center>

  )
}