import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import Password from '../components/FormElements/Password/Password';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'Form elements/Password',
  component: Password,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    size: {defaultValue: 'default', control:{ type:"select", options:["default", "small", "medium", "large"]}},
    disable: { control: {type: 'boolean'} },
    error:{ control: {type: 'boolean'} },
    errorMessage: {control: 'text'},
    readonly: { control: {type: 'boolean'} },
    icon: { control: {type: 'boolean'} },
    variant: {defaultValue: 'default', control:{ type:"select", options:["default", "primary", "secondary"]}},
    borderRadious: {control:{ type:"select", options:["small", "medium", "large"]}},
  },
} as ComponentMeta<typeof Password>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Password> = (args) => <Password {...args} />;

export const BasicPassword = Template.bind({});
BasicPassword.args = {
  label: 'Password',
  placeholder: 'Enter the Password',
  helperText: 'Sample text'
};

