import { cn } from "@/lib/utils";
import type { HTMLAttributes } from "react";

type EyebrowProps = HTMLAttributes<HTMLDivElement>;

export function Eyebrow({ className, ...props }: EyebrowProps) {
  return <div className={cn("eyebrow", className)} {...props} />;
}

export function EyebrowMark({ className, ...props }: EyebrowProps) {
  return <div className={cn("eyebrow-mark", className)} {...props} />;
}