import React from 'react';
import { Meta, Story } from '@storybook/react';
import { AtomInputPhone, IInputPhoneProps } from 'native/atoms/Input/InputPhone';

const meta: Meta = {
  title: 'React Native/atoms/Input',
  component: AtomInputPhone,
  argTypes: {
    onChange: {table: {disable: true}},
    errorCallback: {table: {disable: true}},
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateInput: Story<IInputPhoneProps> = (props) => (
  <AtomInputPhone {...props} />
);

export const InputPhone = TemplateInput.bind({});

InputPhone.args = {
  disabled: false,
  importantCountries: ['ECU', 'MEX']
};
	