import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";

export type Props<Tag extends HTMLTag> = Polymorphic<{
	as: Tag;
}>;

export const PlaceholderBox = <T extends HTMLTag = "div">({
	as: Tag = "div" as T,
	class: cls,
	...props
}: Props<T>) => <Tag class:list={["o-placeholder-box u-ta-center u-c-mute", cls]} {...props} />;