commerce/components/cart/close-cart.tsx
2023-08-19 17:18:45 +09:00

11 lines
423 B
TypeScript

import { XMarkIcon } from '@heroicons/react/24/outline';
import clsx from 'clsx';
export default function CloseCart({ className }: { className?: string }) {
return (
<div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-white/20 text-white transition-colors">
<XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110 ', className)} />
</div>
);
}