export type TToastButton = {
	type: "confirm" | "cancel"
	color?: string,
	themeColor?: "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "dark";
	icon?: string;
	action?: string;
	text?: string;
}

export type Component = {
	id?: string;
	style?: string;
	show: "yes" | "no";
	title: string;
	img: string;
	small?: string;
	content: string;
	timeout?: string | number;
	progress?: string;
	level?: "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "dark";
	position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
	buttons?: TToastButton[];
};

export type Events = {
	changeVisibility: { id: string; show: boolean; disappear?: boolean };
	action: { id: string; action?: string };
};