import { FloatingBanner } from "./index";

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

const meta: Meta<typeof FloatingBanner> = {
  title: "Contentful Blocks/FloatingBanner",
  component: FloatingBanner,
  tags: ["autodocs"],
  parameters: {
    layout: "centered",
    docs: {
      page: DocsPage,
      description: {
        component: "Contentful floating banner block.",
      },
    },
  },
  args: {
    title: "test",
    enableHeading: false,
    subtitle: "Test",
    icon: "https://images.ctfassets.net/lefc0joykfg0/xt7XD2oCXK79H8pyMyMb8/18aead59bc97d624b5bd91b2f9f04352/banner_call_icon.svg",
    description: <p>test</p>,
    cta: null,
    disclaimer: <p>test</p>,
    background: "green",
    color: "light",
    maxWidth: true,
  },
};
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {};
