Init

1 files changed, 21 insertions, 0 deletions

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>
+                );
+        },
+);