import React from 'react';
import { Meta, Story } from '@storybook/react';
import { IInputCopyProps, MoleculeInputCopy } from 'react/molecules/InputCopy';

const meta: Meta = {
  title: 'React/molecules/InputCopy',
  component: MoleculeInputCopy,
  argTypes: {
    regex: {table: {disable: true}},
    name: {table: {disable: true}},
    placeholder: {table: {disable: true}},
    readOnly: {table: {disable: true}},
    required: {table: {disable: true}},
    onChange: {table: {disable: true}},
    errorCallback: {table: {disable: true}},
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateInputCopy: Story<IInputCopyProps> = (props) =>
  <div style={{marginTop: '80px'}}>
    <MoleculeInputCopy {...props} />
  </div>;

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

