36 lines
801 B
TypeScript
36 lines
801 B
TypeScript
import { cn } from '@workspace/ui/lib/utils';
|
|
import { motion } from 'framer-motion';
|
|
|
|
export const CloseIcon = ({ className }: { className?: string }) => {
|
|
return (
|
|
<motion.svg
|
|
initial={{
|
|
opacity: 0,
|
|
}}
|
|
animate={{
|
|
opacity: 1,
|
|
}}
|
|
exit={{
|
|
opacity: 0,
|
|
transition: {
|
|
duration: 0.05,
|
|
},
|
|
}}
|
|
xmlns='http://www.w3.org/2000/svg'
|
|
width='24'
|
|
height='24'
|
|
viewBox='0 0 24 24'
|
|
fill='none'
|
|
stroke='currentColor'
|
|
strokeWidth='2'
|
|
strokeLinecap='round'
|
|
strokeLinejoin='round'
|
|
className={cn('h-4 w-4', className)}
|
|
>
|
|
<path stroke='none' d='M0 0h24v24H0z' fill='none' />
|
|
<path d='M18 6l-12 12' />
|
|
<path d='M6 6l12 12' />
|
|
</motion.svg>
|
|
);
|
|
};
|