mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 19:05:06 +03:00
27 lines
952 B
TypeScript
27 lines
952 B
TypeScript
const SectionHeader = (props: any) => {
|
|
return (
|
|
<div className={'grid grid-cols-12 gap-1 sm:gap-8 ' + props.className}>
|
|
<div className="relative grid py-12 col-span-12 grid-cols-12">
|
|
<span className="col-span-12 block mb-6 text-sm tracking-widest uppercase text-gray-300 font-mono dark:text-gray-300">
|
|
{props.subtitle}
|
|
</span>
|
|
<h2 className="col-span-12 text-black dark:text-white text-3xl md:text-4xl lg:text-5xl">
|
|
{props.title}
|
|
{props.title_alt && (
|
|
<span className="text-gray-400 dark:text-gray-300 inline">{props.title_alt}</span>
|
|
)}
|
|
</h2>
|
|
<div className="col-span-12 lg:col-span-7">
|
|
{props.paragraph && (
|
|
<p className="mt-3 mx-auto text-xl text-gray-400 dark:text-gray-300 sm:mt-4">
|
|
{props.paragraph}
|
|
</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default SectionHeader
|