import React from 'react';
import {Meta, StoryFn} from '@storybook/react';
import {ICON_MAP} from '@components/Icon/constants';

import InputContainer, {InputContainerProps} from './index';

export default {
  title: 'Inputs/InputContainer',
  component: InputContainer,
  argTypes: {
    rightIcon: {control: 'select', options: Object.keys(ICON_MAP)},
    leftIcon: {control: 'select', options: Object.keys(ICON_MAP)},
  },
} as Meta;

const Template: StoryFn<InputContainerProps> = args => (
  <InputContainer {...args} />
);

export const CommonTextInput = Template.bind({});
CommonTextInput.args = {
  hasValue: false,
  focused: false,
  label: 'Input Container',
  disabled: false,
  errorMessage: '',
  helperText: '',
};