adilallo
48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
"use client";
|
|
|
|
import React from "react";
|
|
import ContentLockup from "./ContentLockup";
|
|
import Button from "./Button";
|
|
|
|
const AskOrganizer = ({
|
|
title,
|
|
subtitle,
|
|
description,
|
|
buttonText = "Ask an organizer",
|
|
buttonHref = "#",
|
|
className = "",
|
|
}) => {
|
|
return (
|
|
<section
|
|
className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] md:py-[var(--spacing-scale-096)] md:px-[var(--spacing-scale-064)] ${className}`}
|
|
aria-labelledby="ask-organizer-headline"
|
|
role="region"
|
|
tabIndex={-1}
|
|
>
|
|
<div className="flex flex-col gap-[var(--spacing-scale-040)]">
|
|
{/* Content Lockup */}
|
|
<ContentLockup
|
|
title={title}
|
|
subtitle={subtitle}
|
|
description={description}
|
|
variant="ask"
|
|
/>
|
|
|
|
{/* Button */}
|
|
<div className="flex justify-center">
|
|
<Button
|
|
href={buttonHref}
|
|
size="large"
|
|
variant="default"
|
|
className="xl:!px-[var(--spacing-scale-020)] xl:!py-[var(--spacing-scale-012)] xl:!text-[24px] xl:!leading-[28px]"
|
|
>
|
|
{buttonText}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default AskOrganizer;
|