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>
);