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

const meta = {
  title: "Components/Layouts and Structure/Divider",
  component: Divider,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof Divider>;
export default meta;
type Story = StoryObj<Partial<ComponentProps<typeof Divider>>>;

export const Horizontal: Story = {
  render: DividerHorizontal,
  args: {
    size: "base",
    direction: "horizontal",
  },
};

export const Vertical: Story = {
  render: DividerVertical,
  args: {
    size: "base",
    direction: "vertical",
  },
};