initial commit

components/Box.tsx

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2025 xwra
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { ComponentChildren, h } from "preact";
+import { LinkIcon } from "./Icon.tsx";
+
+interface PolygonBoxProps {
+  as?: keyof HTMLElementTagNameMap;
+  children?: ComponentChildren;
+  [key: string]: any;
+}
+
+export default function Box(
+  { as: Tag = "span", class: className, children, ...props }: PolygonBoxProps,
+) {
+  const content = Tag === "a"
+    ? [children, h(LinkIcon, { size: 16, class: "link-icon" })]
+    : children;
+  return h(Tag, { class: `box ${className || ""}`, ...props }, content);
+}