48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
import AskOrganizer from "../app/components/AskOrganizer";
|
|
|
|
export default {
|
|
title: "Components/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",
|
|
},
|
|
},
|
|
};
|
|
|
|
export const Default = {
|
|
args: {
|
|
title: "Need help getting started?",
|
|
subtitle: "Our organizers are here to support you",
|
|
description:
|
|
"Whether you're forming a new community or improving an existing one, our experienced organizers can provide guidance tailored to your specific needs.",
|
|
buttonText: "Ask an organizer",
|
|
buttonHref: "#contact",
|
|
},
|
|
};
|