import React from 'react'
import Title from '../components/Typography/Title'

export default {
  title: 'Tipografia/Title',
  component: Title,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
  argTypes: {
    as: {
      description: 'Adiciona a tag do titulo.',
      options: ['h1', 'h2', 'h3', 'h4', 'h5'],
      control: { type: 'radio' },
    },
    children: {
      description: 'Adiciona um children.',
    },
    className: {
      description: 'Adicione uma classe.',
    },
    size: {
      description: 'Adicione um tamanho.',
      options: ['small', 'medium', 'large'],
      control: { type: 'radio' },
    },
    type: {
      description: 'Adicione um tipo.',
      options: ['default', 'secondary', 'success', 'warning', 'danger', 'info'],
      control: { type: 'radio' },
    },
  },
}

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

Default.args = {
  as: 'h1',
  children: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
  className: '',
  size: 'default',
  type: '',
}