"use client"; import { forwardRef, useImperativeHandle } from "react"; import type { AnimatedIconHandle, AnimatedIconProps } from "./types"; import { motion, useAnimate } from "motion/react"; const ShibaInuIcon = forwardRef( ({ size = 24, color = "#EB9A2E", strokeWidth = 2, className = "" }, ref) => { const [scope, animate] = useAnimate(); const start = async () => { animate( ".head", { rotate: [0, -8, 8, -5, 5, 0], scale: [1, 1.05, 1] }, { duration: 0.6, ease: "easeInOut" }, ); animate( ".eye", { scaleY: [1, 0.2, 1] }, { duration: 0.3, times: [0, 0.5, 1], repeat: 1, repeatDelay: 0.1 }, ); animate(".tongue", { y: [0, 2, 0] }, { duration: 0.4, ease: "backOut" }); }; const stop = () => { animate(".head", { rotate: 0, scale: 1 }, { duration: 0.2 }); animate(".eye", { scaleY: 1 }, { duration: 0.2 }); animate(".tongue", { y: 0 }, { duration: 0.2 }); }; useImperativeHandle(ref, () => ({ startAnimation: start, stopAnimation: stop, })); return ( ); }, ); ShibaInuIcon.displayName = "ShibaInuIcon"; export default ShibaInuIcon;

Installation

Installation Locked

shiba-inu-icon