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

export default {
  title: 'Tipografia/Text',
  component: Text,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
  argTypes: {
    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) => <Text {...args} />

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