import React, { useState } from 'react';
import { Paragraph } from '.';

export default {
  title: 'Paragraph',
  component: Paragraph,
};

export const Default = () => {
  return (
    <>
      <Paragraph>This is first paragraph</Paragraph>
      <Paragraph>This is second paragraph</Paragraph>
      <Paragraph>This is third paragraph</Paragraph>
      <Paragraph>This is forth paragraph</Paragraph>
      <Paragraph>
        This is fifth paragraph(does not have any bottom margin)
      </Paragraph>
    </>
  );
};
