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

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

diff --git a/src/ui/objects/CollapseCard.tsx b/src/ui/objects/CollapseCard.tsx
new file mode 100644
index 0000000..27e1ce2
--- /dev/null
+++ b/src/ui/objects/CollapseCard.tsx
@@ -0,0 +1,27 @@
+import { Card, type Props as CardProps } from "./Card.tsx";
+import { CardBody } from "./CardBody.tsx";
+import { Heading } from "./Heading.tsx";
+
+export type Props = CardProps<"details"> & {
+	"heading-level": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+	"title"?: JSX.Element;
+	"header"?: JSX.Element;
+};
+
+export const CollapseCard = ({
+	"heading-level": headingLevel,
+	children,
+	title,
+	header,
+	...props
+}: Props) => (
+	<Card as="details" {...props}>
+		<CardBody as="summary">
+			<Heading as={headingLevel} class="u-mbs-0" level="lg">
+				{title}
+			</Heading>
+			{header}
+		</CardBody>
+		<CardBody>{children}</CardBody>
+	</Card>
+);
-- 
cgit v1.3.1