import React from 'react'
import TextInput from '../components/TextInput'

export default {
  title: 'Form/TextInput',
  component: TextInput,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
  argTypes: {
    className: {
      description: 'Adicione uma classe.',
    },
    label: {
      description: 'Adicione uma label.',
    },
    value: {
      description: 'Adicione um valor.',
    },
    onChange: {
      description: 'Função para capturar o valor quando alterado.',
    },
    disabled: {
      description: 'Habilita ou desabilita.',
    },
    placeholder: {
      description: 'Adicione um placeholder.',
    },
    name: {
      description: 'Adiciona um name',
    },
    type: {
      description: 'Adiciona um type',
      options: ['text', 'password'],
      control: { type: 'radio' },
    },
  },
}

export const Default = (args) => <TextInput {...args} />

Default.args = {
  className: '',
  label: 'Data:',
  onChange: '',
  disabled: false,
  value: 'Valor do input',
  placeholder: 'Digite algo...',
  name: '',
  type: '',
}
