import type { HTMLAttributes } from "corvos/plugins/jsx.ts";

export type Props = HTMLAttributes<"div"> & {
	status?: "accent" | "positive" | "negative" | "warning";
};

export const StatusIndicator = ({ status, class: cls, ...props }: Props) => (
	<div
		class:list={[
			"o-status-indicator",
			{
				[`is-${status}`]: status,
			},
			cls,
		]}
		{...props}
	/>
);