import React from "react";
import { Story, Meta } from "@storybook/react/types-6-0";

import Typography, { TypographyProps } from "./Typography";

import { ThemeProvider } from "../ThemeProvider";

export default {
  title: "Components/Content/Typography",
  component: Typography,
} as Meta;

const Template: Story<TypographyProps> = (args) => (
  <ThemeProvider>
    <Typography {...args} />
  </ThemeProvider>
);

export const Default = Template.bind({});