1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / chinawholesale-frontend-next / src / components / skeleton /

Filename : NoProductSkeleton.jsx

back

import React from "react";
import NextImage from "@/components/mixed/NextImage";
import Swal from "sweetalert2";

const NoProductSkeleton = ({currency = '৳'}) => {

	const noProductInfo = () => {
		Swal.fire({
			icon: 'warning',
			text: 'Sorry! there is no product available now!',
			confirmButtonText: 'Ok, Understood'
		}).then()
	}


	return (
		<div className="group relative bg-white shadow-lg hover:shadow-2xl cursor-pointer" onClick={noProductInfo}>
			<figure className="block w-full">
				<NextImage
					className={'h-[172px] xs:h-[198px] sm:h-[240px] lg:h-[156px] xl:h-[205px]'}
					src={`/assets/images/404.jpg`}
					alt={'Sorry! there is no product available now'}
				/>
			</figure>
			<div className=" p-2 relative min-h-[70px] transition-[all .35s ease]">

				<h3
					className="text-sm text-neutral-900 truncate mb-2"
				>
					Sorry! there is no product available now
				</h3>
				<div className="flex justify-between items-center">
					<div className={'text-red-600'}>
						<span className={'mr-[2px]'}>{`${currency}`}</span><span className="font-semibold text-sm">{0}</span>
					</div>
					<div className="font-semibold text-sm">
						<span className={'capitalize text-[12px]'}>SOLD:</span> 0
					</div>
				</div>

			</div>
		</div>
	);
};

export default NoProductSkeleton;