import { JusticeScale01Icon } from "@hugeicons/core-free-icons";

import { cn } from "@/lib/utils";
import { Icon } from "@/components/shared/icon";

type AppLogoProps = {
  compact?: boolean;
  className?: string;
};

export function AppLogo({ compact = false, className }: AppLogoProps) {
  return (
    <div className={cn("flex items-center gap-3", className)}>
      <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-[linear-gradient(145deg,var(--primary),var(--accent))] text-white shadow-[0_18px_36px_-18px_rgba(15,118,110,0.75)]">
        <Icon icon={JusticeScale01Icon} size={24} strokeWidth={1.9} />
      </div>
      {!compact ? (
        <div className="space-y-1">
          <p className="text-[0.75rem] font-semibold uppercase tracking-[0.42em] text-[var(--foreground-soft)]">
            Courtrix
          </p>
          <h1 className="text-xl font-bold text-[var(--foreground)]">
            كورتريكس
          </h1>
        </div>
      ) : null}
    </div>
  );
}