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>;
}