components/ui/eyebrow.tsx

import type * as React from "react";

import { cn } from "@/registry/lib/utils";

function Eyebrow({ className, ...props }: React.ComponentProps<"p">) {
  return (
    <p
      data-slot="eyebrow"
      className={cn(
        "font-sans text-2xs font-bold tracking-eyebrow text-link uppercase",
        className,
      )}
      {...props}
    />
  );
}

export { Eyebrow };