12 lines
530 B
TypeScript
12 lines
530 B
TypeScript
|
// The centered module title in the top bar. Every non-feed module renders through this one
|
||
|
|
// component, so its styling lives in a single place. Design element (user-picked): a tracked
|
||
|
|
// small-caps "eyebrow" with a leading accent dot.
|
||
|
|
export default function PageTitle({ label }: { label: string }) {
|
||
|
|
return (
|
||
|
|
<span className="inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.16em] text-fg">
|
||
|
|
<span className="w-1.5 h-1.5 rounded-full bg-accent shrink-0" />
|
||
|
|
{label}
|
||
|
|
</span>
|
||
|
|
);
|
||
|
|
}
|