import type { ComponentProps } from "react";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { Heading } from "@jobber/components-native";
import { HeadingLevels } from "./docs";

const meta = {
  title: "Components/Text and Typography/Heading",
  component: Heading,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof Heading>;
export default meta;
type Story = StoryObj<Pick<ComponentProps<typeof Heading>, "level">>;

export const Levels: Story = {
  render: HeadingLevels,
  args: { level: "title" },
};