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/objects/Emoji.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/ui/objects/Emoji.tsx

(limited to 'src/ui/objects/Emoji.tsx')

diff --git a/src/ui/objects/Emoji.tsx b/src/ui/objects/Emoji.tsx
new file mode 100644
index 0000000..f04f776
--- /dev/null
+++ b/src/ui/objects/Emoji.tsx
@@ -0,0 +1,21 @@
+import site from "@/corvos.config.ts";
+
+export interface Props {
+	pack: string;
+	emoji: string;
+	size?: "125" | "150" | "200";
+	class?: string;
+}
+
+export const Emoji = site.$.component(
+	({ pack, emoji, size, class: cls, ...props }: Props, pages) => {
+		const query = site.$.query(pages);
+		const sprite = query.type(".svg").match({ emojiPack: pack }).one();
+
+		return (
+			<svg class:list={["o-emoji o-emoji--sprite", { [`o-emoji--${size}`]: size }, cls]} {...props}>
+				<use href={`${sprite.url}#${emoji}`} />
+			</svg>
+		);
+	},
+);
-- 
cgit v1.3.1