18 lines
481 B
TypeScript
18 lines
481 B
TypeScript
interface SectionEyebrowProps {
|
|
children: React.ReactNode;
|
|
accent?: "blue" | "green";
|
|
}
|
|
|
|
export default function SectionEyebrow({
|
|
children,
|
|
accent = "blue",
|
|
}: SectionEyebrowProps) {
|
|
const dot = accent === "green" ? "bg-green-400" : "bg-blue-400";
|
|
return (
|
|
<div className="mb-4 inline-flex items-center gap-2 font-mono text-xs uppercase tracking-[0.2em] text-ink-500">
|
|
<span className={`h-1.5 w-1.5 rounded-full ${dot}`} />
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|