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

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

diff --git a/src/ui/objects/Card.tsx b/src/ui/objects/Card.tsx
new file mode 100644
index 0000000..fd565e1
--- /dev/null
+++ b/src/ui/objects/Card.tsx
@@ -0,0 +1,47 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+	"as"?: Tag;
+	"list"?: boolean;
+	"quiet"?: boolean;
+	"thumbnail"?: boolean;
+	"border"?: boolean;
+	"no-shadow"?: boolean;
+	"horizontal"?: boolean;
+	"interactive"?: boolean;
+	"highlight"?: boolean;
+	"children"?: JSX.Element;
+}>;
+
+export const Card = <T extends HTMLTag = "article">({
+	as: Tag = "article" as T,
+	list,
+	quiet,
+	thumbnail,
+	border,
+	"no-shadow": noShadow,
+	horizontal,
+	interactive,
+	highlight,
+	class: cls,
+	...props
+}: Props<T>) => (
+	<Tag
+		class:list={[
+			"o-card",
+			{
+				"l-card-list__card": list,
+				"o-card--borderless": !border,
+				"o-card--horizontal": horizontal,
+				"o-card--interactive": interactive,
+				"o-card--highlight": highlight,
+				"o-card--quiet": quiet,
+				"o-card--collapsible": Tag === "details",
+				"o-card--shadow": !noShadow,
+				"o-card--thumbnail": thumbnail,
+			},
+			cls,
+		]}
+		{...props}
+	/>
+);
-- 
cgit v1.3.1