MattrixwvReactComponents/lib/component/input/checkbox/WarningCheckbox.tsx

import type { CheckboxProps } from "$/types/Input";
import clsx from "clsx";
import MattrixwvCheckbox from "./MattrixwvCheckbox";


export default function WarningCheckbox({
	className,
	box = true,
	...props
}: CheckboxProps){
	return (
		<MattrixwvCheckbox
			className={clsx(
				className,
				{
					"group-data-checked:bg-yellow-500 group-data-checked:stroke-white": box,
					"group-data-checked:stroke-yellow-500": !box
				}
			)}
			box={box}
			{...props}
		/>
	);
}