Checkbox #

import { Acheckbox } from "@agufaui/${framework name}";

import { CDefaultType, CUseType } from "@agufaui/config";
import type { IACheckboxProps } from "../../types/basic/ACheckbox";

export const DACheckboxDefault = {
	vc: "bg-white outline-gray-2 outline rounded-sm h-5 w-5",
	ic: "text-white",
};

export const DACheckboxGreen = {
	[CUseType]: CDefaultType,
	vc: "text-green-5 focus:ring-green-3 hover:outline-green-2 peer-checked:ring-green-3",
};

export const DACheckboxBlue = {
	[CUseType]: CDefaultType,
	vc: "text-blue-5 focus:ring-blue-3 hover:outline-blue-2 peer-checked:ring-blue-3",
};

export const DACheckbox: Readonly<Record<string, Partial<IACheckboxProps>>> = {
	[CDefaultType]: DACheckboxDefault,
	green: DACheckboxGreen,
	blue: DACheckboxBlue,
};

export interface IACheckboxProps extends IProps, IPropsIcon, IPropsForm {
	v?: boolean; // if checked.  Not configurable
	vc?: string; // css classes for div html element
	label?: string; // Not configurable
	inputc?: string; // css classes for 'input' html element
}

export interface IProps {
	t?: string; // user defined or AgufaUI provided component type.  Not configurable
	c?: string; // css classes for component root html element
}

export type TLRPosition = "left" | "right";

export interface IPropsIcon {
	i?: string; // icon eg. i-eos-icons:loading
	ipos?: TLRPosition; // icon position
	ic?: string; // css classes for icon element
}

export interface IPropsForm {
	disabled?: boolean; // disabled
}

export interface IACheckboxEmits {
	(e: "click", event: MouseEvent): void; // click event
}