Interface Animation

interface Animation {
    delay?: number;
    direction?: "left" | "right" | "up" | "down";
    duration: number;
    easing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
    id: string;
    properties?: Record<string, any>;
    type:
        | "fadeIn"
        | "fadeOut"
        | "slideIn"
        | "slideOut"
        | "scaleIn"
        | "scaleOut"
        | "bounce"
        | "shake";
}