import React from 'react';
import Paragraph from './index';

export default {
  title: 'Core/Typography/Paragraph',
  component: Paragraph
};

const Template = args => <Paragraph {...args}>{args?.children}</Paragraph>;

export const Default = Template.bind({});
Default.args = {
  color: '#212121',
  children: 'Hello World',
  decoration: ''
};

export const Decoration = Template.bind({});
Decoration.args = {
  color: '#212121',
  children: 'Hello World',
  decoration: 'underline'
};

export const Color = Template.bind({});
Color.args = {
  color: '#ffce43',
  children: 'Hello World',
  decoration: ''
};