import LogoWall from "../../app/components/sections/LogoWall";

export default {
  title: "Components/Sections/LogoWall",
  component: LogoWall,
  parameters: {
    layout: "fullscreen",
    docs: {
      description: {
        component: `Home Logo Wall: three pilot marks (Boulder Street Medics, Food Not Bombs, Mutual Aid Colorado) with no heading.

## Responsive Behavior

- **Mobile**: stacked, centered
- **SM+**: centered wrapping cluster
- **MD+**: single centered row with a fixed gap

## Props

- **logos** (optional): Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.`,
      },
    },
  },
  tags: ["autodocs"],
  argTypes: {
    logos: {
      control: "object",
      description:
        "Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.",
    },
  },
};

export const Default = {
  args: {},
  parameters: {
    docs: {
      description: {
        story:
          "Default LogoWall with the three pilot marks at Figma 60% opacity.",
      },
    },
  },
};