Import source: src/components/common/logo

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
2026-09-18 23:10:37 +03:30
parent 2e829f5032
commit 6be491a0a3
1 changed files with 76 additions and 0 deletions
@@ -0,0 +1,76 @@
+import { cn } from "@/lib/utils";
+
+export function Logo({
+  compact = false,
+  className,
+}: {
+  compact?: boolean;
+  className?: string;
+}) {
+  if (compact) {
+    return (
+      <div
+        className={cn(
+          "flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-primary to-primary/70 font-display text-sm font-bold text-primary-foreground shadow-glow-sm",
+          className,
+        )}
+        aria-label="CoaxysPanel"
+      >
+        CP
+      </div>
+    );
+  }
+  // Inline SVG so the wordmark follows the active theme and accent variables.
+  return (
+    <svg
+      viewBox="0 0 178 42"
+      role="img"
+      aria-label="CoaxysPanel"
+      className={cn("h-9 w-auto", className)}
+    >
+      <defs>
+        <linearGradient id="logo-mark" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stopColor="hsl(var(--primary))" />
+          <stop offset="100%" stopColor="hsl(var(--primary) / 0.7)" />
+        </linearGradient>
+      </defs>
+      <rect x="2" y="4" width="34" height="34" rx="9" fill="url(#logo-mark)" />
+      <path
+        d="M10 24.5c6.5 6.4 17.2 5.7 22.7-1.3"
+        fill="none"
+        stroke="hsl(var(--primary-foreground))"
+        strokeWidth="3.2"
+        strokeLinecap="round"
+      />
+      <path
+        d="M12 16.8c5.8-5.7 15.8-5.1 20.7 1.7"
+        fill="none"
+        stroke="hsl(var(--accent))"
+        strokeWidth="3.2"
+        strokeLinecap="round"
+      />
+      <circle cx="14" cy="21" r="2.6" fill="hsl(var(--primary-foreground))" />
+      <circle cx="30" cy="21" r="2.6" fill="hsl(var(--primary-foreground))" />
+      <text
+        x="44"
+        y="27.5"
+        fontSize="20"
+        fontWeight="700"
+        fill="hsl(var(--foreground))"
+        style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
+      >
+        Coaxys
+      </text>
+      <text
+        x="113"
+        y="27.5"
+        fontSize="20"
+        fontWeight="600"
+        fill="hsl(var(--primary))"
+        style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
+      >
+        Panel
+      </text>
+    </svg>
+  );
+}