import { CtaCallout } from "./index";

import { DocsPage } from "@shared/stories/DocsTemplate";
import type { Meta, StoryObj } from "@storybook/react";

const meta: Meta<typeof CtaCallout> = {
  title: "Contentful Blocks/CtaCallout",
  component: CtaCallout,
  tags: ["autodocs"],
  parameters: {
    layout: "centered",
    docs: {
      page: DocsPage,
      description: {
        component:
          "Contentful CTA callout block with title, description, and optional button.",
      },
    },
  },
  args: {
    title: "Call to Action",
    subTitle: "Subtitle",
    description: "Description text.",
    background: "white",
    button: {
      showButtonAs: "solid",
      buttonVariant: "primary_brand",
      buttonLabel: "Learn More",
      buttonPrefix: "",
      badge: "",
      badgeIcon: "",
      buttonIconPosition: "left",
      href: "",
      target: "_self",
      anchorId: "",
      preserveQueryParameters: false,
      clickToOpen: "",
      tabmodalNameToOpen: "",
      preDefinedFunctionExecution: "",
    },
  },
};
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {};