import React from 'react'
import { StoryFn, Meta } from '@storybook/react'
// @ts-ignore
import { PicassoDecorator } from '@toptal/davinci-storybook-decorators'

import Subtitle from './Subtitle'

export default {
  title: 'Components/Subtitle',
  component: Subtitle,
  decorators: [PicassoDecorator],
} as Meta<typeof Subtitle>

const Template: StoryFn<typeof Subtitle> = args => <Subtitle {...args} />

export const Default = Template.bind({})
Default.args = {
  children: 'Foobar',
}

export const LongText = Template.bind({})
LongText.args = {
  children:
    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In convallis. Praesent in mauris eu tortor porttitor accumsan. In convallis. Aenean vel massa quis mauris vehicula lacinia. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Mauris metus. Nulla est.',
}