next

.design-sync/ds-src/Eyebrow.tsx

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+
+export interface EyebrowProps {
+  children?: ReactNode;
+}
+
+/** A label above a headline, in sentence case. Never all caps, and never decorative. */
+export function Eyebrow({ children }: EyebrowProps) {
+  return <p className="eyebrow">{children}</p>;
+}