From c1e28224aa2e1450031669d9a7e359b63e04687d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 19:40:59 +0200
Subject: Init

---
 src/ui/components/Logo.tsx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/ui/components/Logo.tsx

(limited to 'src/ui/components/Logo.tsx')

diff --git a/src/ui/components/Logo.tsx b/src/ui/components/Logo.tsx
new file mode 100644
index 0000000..a9ec9be
--- /dev/null
+++ b/src/ui/components/Logo.tsx
@@ -0,0 +1,34 @@
+import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
+
+import site from "@/corvos.config.ts";
+
+export type Props = HTMLAttributes<"a"> & {
+	size?: "sm" | "lg";
+	variant?: "static-black" | "static-white";
+};
+
+export const Logo = async ({ size, variant, class: cls, ...props }: Props) => {
+	const symbols = await site.load("assets/symbols.svg");
+
+	return (
+		<a
+			aria-label="Home"
+			class:list={[
+				"c-logo",
+				{
+					[`c-logo--${size}`]: size,
+					[`c-logo--${variant}`]: variant,
+				},
+				cls,
+			]}
+			href={site.$.url()}
+			rel="home"
+			{...props}
+		>
+			<svg class="c-logo__img">
+				<title>Logo</title>
+				<use href={`${symbols.url}#logo${size === "sm" ? "-sm" : ""}`} />
+			</svg>
+		</a>
+	);
+};
-- 
cgit v1.3.1