import React from 'react';
import { Meta, Story } from '@storybook/react';
import { AtomCountryPicker, ICountryPickerProps } from 'native/atoms/CountryPicker';

const meta: Meta = {
  title: 'React Native/atoms',
  component: AtomCountryPicker,
  argTypes: {
    onChange: {control: false},
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateCountryPicker: Story<ICountryPickerProps> = (props) => <AtomCountryPicker {...props} />;

export const CountryPicker = TemplateCountryPicker.bind({});

CountryPicker.args = {
  disabled: false,
  value: 'COL',
  importantItems: ['ECU', 'MEX']
};
