import Link from "next/link";

export function Brand({ size = "default" }: { size?: "default" | "lg" }) {
  const dim = size === "lg" ? "h-9 w-9" : "h-7 w-7";
  const text = size === "lg" ? "text-base" : "text-sm";

  return (
    <Link href="/" className="flex items-center gap-2.5">
      <span
        className={`${dim} flex items-center justify-center rounded-[8px] font-bold text-white`}
        style={{
          background:
            "linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-indigo) 100%)",
          boxShadow:
            "0 1px 2px rgb(16 24 40 / 0.06), inset 0 1px 0 rgb(255 255 255 / 0.18)",
        }}
      >
        <span
          className={size === "lg" ? "text-[15px]" : "text-[12px]"}
          style={{ letterSpacing: "-0.04em" }}
        >
          C
        </span>
      </span>
      <span
        className={`${text} font-semibold tracking-tight text-[var(--color-text-primary)]`}
      >
        Colsys <span className="text-[var(--color-primary)]">AI</span>
      </span>
    </Link>
  );
}
