import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { TextList } from "@jobber/components-native";
import {
  TextListBasic,
  TextListChildSpacing,
  TextListEmphasis,
  TextListLevels,
  TextListSpacing,
} from "./docs";

const meta = {
  title: "Components/Lists and Tables/TextList",
  component: TextList,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof TextList>;
export default meta;
type Story = StoryObj<typeof meta>;

export const Basic: Story = {
  render: TextListBasic,
  args: {
    items: ["Item uno", "Item dos", "Item tres"],
  },
};

export const Levels: Story = {
  render: TextListLevels,
  args: {
    items: [
      "This is the first item",
      "This is the second item",
      "This is the third item",
    ],
    level: "textSupporting",
  },
};

export const Emphasis: Story = {
  render: TextListEmphasis,
  args: {
    items: [
      "This is the first item",
      "This is the second item",
      "This is the third item",
    ],
    emphasis: "strong",
  },
};

export const Spacing: Story = {
  render: TextListSpacing,
  args: {
    items: [
      "This is the first item",
      "This is the second item",
      "This is the third item",
    ],
    spacing: "large",
  },
};

export const ChildSpacing: Story = {
  render: TextListChildSpacing,
  args: {
    items: [
      "This is the first item",
      "This is the second item",
      "This is the third item",
    ],
    childSpacing: "large",
  },
};