Files
supabase/apps/www/components/UI/SectionHeader.tsx
2022-04-26 12:06:02 +02:00

19 lines
586 B
TypeScript

const SectionHeader = (props: any) => {
return (
<div className={props.className}>
<div className="space-y-4">
<span className="text-scale-900 block font-mono text-xs uppercase tracking-widest">
{props.subtitle}
</span>
<h3 className="h2">
<span>{props.title}</span>
{props.title_alt && <span className="text-scale-1100 inline">{props.title_alt}</span>}
</h3>
</div>
{props.paragraph && <p className="p max-w-3xl text-lg sm:mt-4">{props.paragraph}</p>}
</div>
)
}
export default SectionHeader