import { Meta, StoryObj } from "@storybook/react"
import React from "react"
import { Text } from "../Text"
import { CenterAligned } from "./CenterAligned"

type Story = StoryObj<typeof CenterAligned>

const meta: Meta<typeof CenterAligned> = {
  title: "Design System/CenterAligned",
  component: CenterAligned,
  args: {
    asChild: true,
    children: (
      <section>
        <Text.Heading size="md">Some content</Text.Heading>
      </section>
    ),
    className: "h-[500px] w-[500px] border-border-1 border",
  },
}

export default meta

export const Default: Story = {}