Init

1 files changed, 13 insertions, 0 deletions

diff --git a/src/ui/objects/Figure.tsx b/src/ui/objects/Figure.tsx
new file mode 100644
index 0000000..7f5e20a
--- /dev/null
+++ b/src/ui/objects/Figure.tsx
@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
+
+export type Props = HTMLAttributes<"figure"> & {
+        children?: JSX.Element;
+        caption?: JSX.Element;
+};
+
+export const Figure = ({ children, caption, class: cls, ...props }: Props) => (
+        <figure class:list={["o-figure", cls]} {...props}>
+                {children}
+                {caption && <figcaption class="o-figure__caption">{caption}</figcaption>}
+        </figure>
+);