import { Meta, StoryObj } from "@storybook/nextjs-vite";
import SoulmatePortrait from "./SoulmatePortrait";
import { fn } from "storybook/test";

/** Reusable SoulmatePortrait page Component */
const meta: Meta<typeof SoulmatePortrait> = {
  title: "Templates/SoulmatePortrait",
  component: SoulmatePortrait,
  tags: ["autodocs"],
  parameters: {
    layout: "fullscreen",
  },
  args: {
    bottomActionButtonProps: {
      actionButtonProps: {
        children: "Continue",
        onClick: fn(),
      },
    },
    privacyTermsConsentProps: {
      privacyPolicy: {
        children: "Privacy Policy",
        href: "#privacy-policy",
      },
      termsOfUse: {
        children: "Terms of use",
        href: "#terms-of-use",
      },
    },
    title: {
      children: "Soulmate Portrait",
    },
  },
  argTypes: {},
};

export default meta;
type Story = StoryObj<typeof meta>;

export const Default = {} satisfies Story;