Update stories to match new component organization

2026-02-05 22:46:16 -07:00
parent 6f178e934f
commit aef04c525a
51 changed files with 111 additions and 111 deletions
@@ -0,0 +1,89 @@
+import AskOrganizer from "../../app/components/sections/AskOrganizer";
+
+export default {
+  title: "Components/Sections/AskOrganizer",
+  component: AskOrganizer,
+  parameters: {
+    docs: {
+      description: {
+        component:
+          "The AskOrganizer component provides clear pathways for user inquiries. This component serves as a conversion point throughout the platform.",
+      },
+    },
+  },
+  argTypes: {
+    title: {
+      control: "text",
+      description: "The main title for the ask organizer section",
+    },
+    subtitle: {
+      control: "text",
+      description: "The subtitle text",
+    },
+    description: {
+      control: "text",
+      description: "Additional description text",
+    },
+    buttonText: {
+      control: "text",
+      description: "Text for the call-to-action button",
+    },
+    buttonHref: {
+      control: "text",
+      description: "URL for the button link",
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["centered", "left-aligned", "compact", "inverse"],
+      description: "Layout variant for the component",
+    },
+    onContactClick: {
+      action: "contact clicked",
+      description: "Analytics callback for contact button clicks",
+    },
+  },
+};
+
+export const Default = {
+  args: {
+    title: "Still have questions?",
+    subtitle: "Get answers from an experienced organizer",
+    buttonText: "Ask an organizer",
+    buttonHref: "#contact",
+    variant: "centered",
+    onContactClick: (data) => console.log("Contact clicked:", data),
+  },
+};
+
+export const LeftAligned = {
+  args: {
+    title: "Still have questions?",
+    subtitle: "Get answers from an experienced organizer",
+    buttonText: "Ask an organizer",
+    buttonHref: "#contact",
+    variant: "left-aligned",
+    onContactClick: (data) => console.log("Contact clicked:", data),
+  },
+};
+
+export const Compact = {
+  args: {
+    title: "Still have questions?",
+    subtitle: "Get answers from an experienced organizer",
+    buttonText: "Ask an organizer",
+    buttonHref: "#contact",
+    variant: "compact",
+    onContactClick: (data) => console.log("Contact clicked:", data),
+  },
+};
+
+export const Inverse = {
+  args: {
+    title: "Still have questions?",
+    subtitle: "Get answers from an experienced organizer",
+    buttonText: "Ask an organizer",
+    buttonHref: "#contact",
+    variant: "inverse",
+    onContactClick: (data) => console.log("Contact clicked:", data),
+  },
+};