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

type TypographyStoryArgs = Pick<ComponentProps<typeof Typography>, "transform">;

const meta = {
  title: "Components/Text and Typography/Typography",
  component: Typography,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof Typography>;

export default meta;

type Story = StoryObj<TypographyStoryArgs>;

export const Basic: Story = {
  render: TypographyBasic,
};

export const Transform: Story = {
  render: TypographyBasic,
  args: {
    transform: "uppercase",
  },
};