export const LIST_ITEM_VARIANTS = {
	hidden: { scale: 0.8, opacity: 0 },
	visible: { scale: 1, opacity: 1, transition: { type: "spring" } },
};

export const CHILD_VARIANTS = {
	hidden: { opacity: 0, y: 20 },
	visible: { opacity: 1, y: 0, transition: { duration: 0.5, type: "spring" } },
};

export const MODAL_VARIANTS = {
	hidden: { opacity: 0, scale: 0.8 },
	visible: { opacity: 1, scale: 1, transition: { type: "spring" } },
};

export const FADE_IN_VARIANTS = {
	initial: { opacity: 0 },
	animate: { opacity: 1 },
	exit: { opacity: 0 },
	transition: { duration: 0.2 },
};