'use client'; import * as React from 'react'; import { motion, type Variants } from 'motion/react'; import { getVariants, useAnimateIconContext, IconWrapper, type IconProps, } from '@/components/animate-ui/icons/icon'; type Trash2Props = IconProps; const animations = { default: { group: { initial: { y: 0, }, animate: { y: -1, transition: { duration: 0.3, ease: 'easeInOut', }, }, }, path1: {}, path2: {}, path3: { initial: { y: 0, d: 'M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6', }, animate: { y: 1, d: 'M19 8v12c0 1-1 2-2 2H7c-1 0-2-1-2-2V8', transition: { duration: 0.3, ease: 'easeInOut', }, }, }, line1: { initial: { y: 0, }, animate: { y: 1, transition: { duration: 0.3, ease: 'easeInOut', }, }, }, line2: { initial: { y: 0, }, animate: { y: 1, transition: { duration: 0.3, ease: 'easeInOut', }, }, }, } satisfies Record, } as const; function IconComponent({ size, ...props }: Trash2Props) { const { controls } = useAnimateIconContext(); const variants = getVariants(animations); return ( ); } function Trash2(props: Trash2Props) { return ; } export { animations, Trash2, Trash2 as Trash2Icon, type Trash2Props, type Trash2Props as Trash2IconProps, };

Installation

Files

components

Styles

Installation

Files

components

Styles