Init

1 files changed, 32 insertions, 0 deletions

diff --git a/src/ui/objects/CardBody.tsx b/src/ui/objects/CardBody.tsx
new file mode 100644
index 0000000..aa5df3d
--- /dev/null
+++ b/src/ui/objects/CardBody.tsx
@@ -0,0 +1,32 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+        "as"?: Tag;
+        "list"?: boolean;
+        "main"?: boolean;
+        "no-mbs-neutralize"?: boolean;
+        "children"?: JSX.Element;
+}>;
+
+export const CardBody = <T extends HTMLTag = "div">({
+        as: Tag = "div" as T,
+        list,
+        main,
+        "no-mbs-neutralize": noMbsNeutralize,
+        class: cls,
+        ...props
+}: Props<T>) => (
+        <Tag
+                class:list={[
+                        "o-card__body",
+                        {
+                                "o-card__body--main": main,
+                                "o-card__header": Tag === "summary",
+                                "l-card-list__card-body": list,
+                                "o-card__body--no-mbs-neutralize": noMbsNeutralize,
+                        },
+                        cls,
+                ]}
+                {...props}
+        />
+);