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

export default {
  title: "Components/Sections/HeroBanner",
  component: HeroBanner,
  parameters: {
    layout: "fullscreen",
    docs: {
      description: {
        component:
          "Home hero: ContentLockup plus the team's Rule card. Below lg the CTA is Talk to a facilitator; from lg it is Create rule.",
      },
    },
  },
  argTypes: {
    title: {
      control: { type: "text" },
      description: "The main title text",
    },
    subtitle: {
      control: { type: "text" },
      description: "The subtitle text",
    },
    description: {
      control: { type: "text" },
      description: "The description text",
    },
  },
  tags: ["autodocs"],
};

export const Default = {
  args: {
    title: "Build structure",
    subtitle: "before you need it",
    description:
      "Strong communities agree on four things early. They settle how they talk, who belongs, how they decide and what happens when they disagree. Write yours down together.",
  },
  parameters: {
    docs: {
      description: {
        story:
          "Default home hero with the team Rule card and breakpoint-specific CTAs.",
      },
    },
  },
};