community-rule/docs/assets/ContentLockup.stories-DwhcJmPs.js

import { C as s } from "./ContentLockup-DbWiPA4N.js";
import "./jsx-runtime-C_nHp4yK.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./Button-Z4hbXct5.js";
const p = {
    title: "Components/ContentLockup",
    component: s,
    parameters: {
      layout: "centered",
      docs: {
        description: {
          component:
            "A content lockup component that groups title, subtitle, description, and CTA button. Features responsive typography and spacing that adapts across breakpoints. Used within the HeroBanner component.",
        },
      },
    },
    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",
      },
      ctaText: {
        control: { type: "text" },
        description: "The call-to-action button text",
      },
      ctaHref: {
        control: { type: "text" },
        description: "The call-to-action button link",
      },
      buttonClassName: {
        control: { type: "text" },
        description:
          "Additional CSS classes to apply to the large button (md/lg breakpoints)",
      },
    },
    tags: ["autodocs"],
  },
  t = {
    args: {
      title: "Collaborate",
      subtitle: "with clarity",
      description:
        "Help your community make important decisions in a way that reflects its unique values.",
      ctaText: "Learn how Community Rule works",
      ctaHref: "#",
    },
    parameters: {
      docs: {
        description: {
          story:
            "Default content lockup with standard Community Rule messaging.",
        },
      },
    },
  },
  e = {
    args: {
      title: "Collaborate",
      subtitle: "with clarity",
      description:
        "Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",
      ctaText: "Learn how Community Rule works",
      ctaHref: "#",
    },
    parameters: {
      docs: {
        description: {
          story:
            "Content lockup with longer description text to test text wrapping.",
        },
      },
    },
  },
  o = {
    args: {
      title: "Simple",
      subtitle: "solution",
      description: "Easy community decision making.",
      ctaText: "Try it",
      ctaHref: "#",
    },
    parameters: {
      docs: {
        description: {
          story: "Content lockup with minimal content to test compact layouts.",
        },
      },
    },
  },
  n = {
    args: {
      title: "Collaborate",
      subtitle: "with clarity",
      description:
        "Help your community make important decisions in a way that reflects its unique values.",
      ctaText: "Learn how Community Rule works",
      ctaHref: "#",
      buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]",
    },
    parameters: {
      docs: {
        description: {
          story:
            "Content lockup with custom button styling applied to the large button (md/lg breakpoints).",
        },
      },
    },
  };
t.parameters = {
  ...t.parameters,
  docs: {
    ...t.parameters?.docs,
    source: {
      originalSource: `{
  args: {
    title: "Collaborate",
    subtitle: "with clarity",
    description: "Help your community make important decisions in a way that reflects its unique values.",
    ctaText: "Learn how Community Rule works",
    ctaHref: "#"
  },
  parameters: {
    docs: {
      description: {
        story: "Default content lockup with standard Community Rule messaging."
      }
    }
  }
}`,
      ...t.parameters?.docs?.source,
    },
  },
};
e.parameters = {
  ...e.parameters,
  docs: {
    ...e.parameters?.docs,
    source: {
      originalSource: `{
  args: {
    title: "Collaborate",
    subtitle: "with clarity",
    description: "Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",
    ctaText: "Learn how Community Rule works",
    ctaHref: "#"
  },
  parameters: {
    docs: {
      description: {
        story: "Content lockup with longer description text to test text wrapping."
      }
    }
  }
}`,
      ...e.parameters?.docs?.source,
    },
  },
};
o.parameters = {
  ...o.parameters,
  docs: {
    ...o.parameters?.docs,
    source: {
      originalSource: `{
  args: {
    title: "Simple",
    subtitle: "solution",
    description: "Easy community decision making.",
    ctaText: "Try it",
    ctaHref: "#"
  },
  parameters: {
    docs: {
      description: {
        story: "Content lockup with minimal content to test compact layouts."
      }
    }
  }
}`,
      ...o.parameters?.docs?.source,
    },
  },
};
n.parameters = {
  ...n.parameters,
  docs: {
    ...n.parameters?.docs,
    source: {
      originalSource: `{
  args: {
    title: "Collaborate",
    subtitle: "with clarity",
    description: "Help your community make important decisions in a way that reflects its unique values.",
    ctaText: "Learn how Community Rule works",
    ctaHref: "#",
    buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]"
  },
  parameters: {
    docs: {
      description: {
        story: "Content lockup with custom button styling applied to the large button (md/lg breakpoints)."
      }
    }
  }
}`,
      ...n.parameters?.docs?.source,
    },
  },
};
const u = ["Default", "LongDescription", "ShortContent", "CustomButtonStyling"];
export {
  n as CustomButtonStyling,
  t as Default,
  e as LongDescription,
  o as ShortContent,
  u as __namedExportsOrder,
  p as default,
};