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

export function BrandMark({ size = "md", className }: { size?: "sm" | "md"; className?: string }) {
  return (
    <span
      className={cn("brand-mark", size === "sm" && "brand-mark-sm", className)}
      aria-hidden="true"
    >
      f
    </span>
  );
}

export function BrandWordmark({ className }: { className?: string }) {
  return (
    <span className={cn("brand", className)}>
      <BrandMark />
      <span className="brand-name">famapp</span>
    </span>
  );
}
