import type { Variants, Transition } from "framer-motion"

export const FADE_IN: Variants = {
	initial: { opacity: 0 },
	animate: { opacity: 1 },
	exit: { opacity: 0 },
}

export const SLIDE_UP: Variants = {
	initial: { opacity: 0, y: 16 },
	animate: { opacity: 1, y: 0 },
	exit: { opacity: 0, y: 16 },
}

export const SCALE_FADE: Variants = {
	initial: { opacity: 0, scale: 0.96 },
	animate: { opacity: 1, scale: 1 },
	exit: { opacity: 0, scale: 0.96 },
}

export const STAGGER_CONTAINER: Variants = {
	initial: {},
	animate: { transition: { staggerChildren: 0.08 } },
}

export const EASE_OUT_TRANSITION: Transition = {
	duration: 0.25,
	ease: [0.16, 1, 0.3, 1],
}
