14 lines
816 B
JavaScript
14 lines
816 B
JavaScript
import React from 'react'
|
|
|
|
export default function DocsSection({ id, eyebrow, title, summary, children, className = '' }) {
|
|
return (
|
|
<section id={id} aria-labelledby={`${id}-title`} className={`scroll-mt-24 rounded-[32px] border border-white/10 bg-white/[0.03] p-6 shadow-[0_22px_70px_rgba(2,6,23,0.22)] md:p-7 ${className}`.trim()}>
|
|
<div className="max-w-3xl">
|
|
{eyebrow ? <p className="text-[11px] font-semibold uppercase tracking-[0.22em] text-sky-200/80">{eyebrow}</p> : null}
|
|
<h2 id={`${id}-title`} className="mt-2 text-3xl font-semibold tracking-[-0.03em] text-white md:text-[2rem]">{title}</h2>
|
|
{summary ? <p className="mt-4 text-sm leading-7 text-slate-300 md:text-[15px]">{summary}</p> : null}
|
|
</div>
|
|
<div className="mt-6">{children}</div>
|
|
</section>
|
|
)
|
|
} |