import type { Meta, Story } from '@storybook/react';

import { Input } from '../input';
import type { InputProps } from '../input';

export default {
  component: Input,
  title: 'Forms/Password Input'
} as Meta;

const Template: Story<InputProps> = args => <Input {...args} />;

export const ShowPassword = Template.bind({});
ShowPassword.args = {
  autoComplete: 'off',
  autoFocus: false,
  defaultValue: 'foobar2022',
  disabled: false,
  error: false,
  fullWidth: false,
  placeholder: 'Enter your password',
  toggleShowPassword: true
};