import { Hexagon } from "lucide-react";
import { cn } from "@/lib/utils";

/**
 * Simple brand mark used on auth screens and the sidebar.
 *
 * `brand` renders the signature F1Soft gradient tile (vivid blue → deep
 * navy-blue, `--factory-brand-gradient`) with a white hexagon; the default
 * keeps the token-driven `bg-primary` tile. The gradient is applied via
 * inline `style` so it consumes the full-color `--factory-brand-gradient`
 * var directly (it is NOT a Tailwind oklch token).
 */
export function FactoryLogo({ className, brand = false }: { className?: string; brand?: boolean }) {
  return (
    <span
      className={cn(
        "inline-flex items-center justify-center",
        brand ? "text-white" : "bg-primary text-primary-foreground",
        className
      )}
      style={brand ? { backgroundImage: "var(--factory-brand-gradient)" } : undefined}
      aria-hidden
    >
      <Hexagon className="size-[70%]" />
    </span>
  );
}