import React from 'react';
import { Meta, Story } from '@storybook/react';
import { IMoleculeInputProps, MoleculeInput } from 'native/molecules/Input';

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

export default meta;

const TemplateInputCopy: Story<IMoleculeInputProps> = (props) => <MoleculeInput {...props} />;

export const Input = TemplateInputCopy.bind({});

Input.args = {
  type: 'Text',
  label: 'Sample label',
  labelCountryPicker: 'Country Picker',
  helperText: 'helperText',
  importantCountries: ['COL', 'ECU', 'MEX']
};
