"use client"; import { motion, useAnimation, type Variants } from "motion/react"; import type { HTMLAttributes } from "react"; import { forwardRef, useCallback, useImperativeHandle, useRef } from "react"; import { cn } from "@/lib/utils"; export interface BicepsFlexedIconHandle { startAnimation: () => void; stopAnimation: () => void; } interface BicepsFlexedIconProps extends HTMLAttributes { size?: number; } const BICEPS_FLEXED_SVG_VARIANTS: Variants = { normal: { rotate: 0, }, animate: { rotate: [0, 15, 0], transition: { duration: 2, ease: "easeInOut", repeat: Number.POSITIVE_INFINITY, }, }, }; const BICEPS_FLEXED_PATH_VARIANTS: Variants = { normal: { rotate: 0, scale: 1, }, animate: { rotate: [0, 15, 0], scale: [1, 1.3, 1], transition: { duration: 2, ease: "easeInOut", repeat: Number.POSITIVE_INFINITY, }, }, }; const BicepsFlexedIcon = forwardRef< BicepsFlexedIconHandle, BicepsFlexedIconProps >(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => { const controls = useAnimation(); const isControlledRef = useRef(false); useImperativeHandle(ref, () => { isControlledRef.current = true; return { startAnimation: () => controls.start("animate"), stopAnimation: () => controls.start("normal"), }; }); const handleMouseEnter = useCallback( (e: React.MouseEvent) => { if (isControlledRef.current) { onMouseEnter?.(e); } else { controls.start("animate"); } }, [controls, onMouseEnter] ); const handleMouseLeave = useCallback( (e: React.MouseEvent) => { if (isControlledRef.current) { onMouseLeave?.(e); } else { controls.start("normal"); } }, [controls, onMouseLeave] ); return (

); }); BicepsFlexedIcon.displayName = "BicepsFlexedIcon"; export { BicepsFlexedIcon };