import type { Meta, StoryObj } from "@storybook/react-vite";
import { BracketDecor } from "./BracketDecor";

const meta: Meta<typeof BracketDecor> = {
  title: "Marketing/BracketDecor",
  component: BracketDecor,
  parameters: {
    layout: "fullscreen",
  },
  decorators: [
    (Story) => (
      <div className="relative h-[75vh] w-full bg-black overflow-hidden">
        <Story />
      </div>
    ),
  ],
};

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

export const Default: Story = {
  args: {},
};

export const Flipped: Story = {
  args: {
    flip: true,
  },
};

export const MobileTall: Story = {
  args: {
    mobileTall: true,
  },
};
