import type { ComponentProps } from "react";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { action } from "storybook/actions";
import { ContentOverlay } from "@jobber/components-native";
import { ContentOverlayBasic } from "./docs";

const meta = {
  title: "Components/Overlays/ContentOverlay",
  component: ContentOverlay,
} satisfies Meta<typeof ContentOverlay>;
export default meta;

interface ContentOverlayStoryArgs {
  title: string;
  onClose?: ComponentProps<typeof ContentOverlay>["onClose"];
  onOpen?: ComponentProps<typeof ContentOverlay>["onOpen"];
  fullScreen?: boolean;
}

type Story = StoryObj<ContentOverlayStoryArgs>;

export const Basic: Story = {
  render: ContentOverlayBasic,
  args: {
    title: "Overlay Title",
    onClose: () => action("alert")("Overlay Dismissed"),
    onOpen: () => action("alert")("Overlay opened"),
    fullScreen: false,
  },
};