// TODO still being used in app, remove after refactor typography on app
import type { Meta, StoryObj } from "@storybook/react"
import { H1 } from "./H1"
import { H2 } from "./H2"

const meta: Meta = {
  title: "base/typography",
  tags: ["autodocs"],
  parameters: {
    layout: "centered",
  },
}

export default meta

// ---- H1 Story ----
export const H1Default: StoryObj<typeof H1> = {
  render: args => <H1 {...args} />,
  args: {
    children: "This is a sample H1 heading.",
    className: "",
  },
  parameters: {
    docs: {
      description: {
        story: "Heading text component (`<h1>`) with `text-4xl font-bold` style.",
      },
    },
  },
}

// ---- H2 Story ----
export const H2Default: StoryObj<typeof H2> = {
  render: args => <H2 {...args} />,
  args: {
    children: "This is a sample H2 heading.",
    className: "",
  },
  parameters: {
    docs: {
      description: {
        story: "Heading text component (`<h2>`) with `text-2xl font-bold` style.",
      },
    },
  },
}
