import { ReactElement } from "react";
import { HTMLMotionProps } from "framer-motion";

export type AnimationType =
  | "scale"
  | "shadow"
  | "lift"
  | "opacity"
  | "grow"
  | "pop";

/**
 * Single source of truth for the default button animation type.
 * Change this value to update the default button animation across the app.
 */
export const DEFAULT_BUTTON_ANIMATION_TYPE: AnimationType = "pop";

export interface AnimationWrapperProps
  extends Omit<HTMLMotionProps<"div">, "children"> {
  children: ReactElement;
  animationType?: AnimationType | AnimationType[];
  disableAnimation?: boolean;
}