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

const meta = {
  title: "Components/Layouts and Structure/Disclosure",
  component: Disclosure,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof Disclosure>;
export default meta;
type DisclosureStoryArgs = Pick<
  ComponentProps<typeof Disclosure>,
  "header" | "content" | "isEmpty"
>;
type Story = StoryObj<DisclosureStoryArgs>;

export const Basic: Story = {
  render: DisclosureBasic,
  args: {
    header: "Advanced Instructions",
    content: "For every 2 team members you add, your profits will triple.",
    isEmpty: false,
  },
};