import type { Meta, StoryObj } from "@storybook/preact";
import { Text } from "./Text";

const meta: Meta<typeof Text> = { title: "Primitives/Text", component: Text, argTypes: { style: { control: "radio", options: ["body", "caption", "headline", "overline"] } } };
export default meta;
type Story = StoryObj<typeof Text>;

export const Body: Story = { args: { content: "This is body text — the default style for most content.", style: "body" } };
export const Caption: Story = { args: { content: "Caption: smaller, muted text for secondary info.", style: "caption" } };
export const Headline: Story = { args: { content: "Headline text for emphasis.", style: "headline" } };
export const Overline: Story = { args: { content: "OVERLINE · MONO · UPPERCASE", style: "overline" } };
