19 lines
No EOL
1,001 B
TypeScript
19 lines
No EOL
1,001 B
TypeScript
import { ShoppingBagIcon } from 'lucide-react'
|
||
import Link from 'next/link'
|
||
|
||
const OrderEmpty = () => {
|
||
return (
|
||
<div className='h-96 flex items-center justify-center p-5'>
|
||
<div className='max-w-xl w-full p-5 flex items-center justify-center flex-col gap-3'>
|
||
<div className='size-30 mb-2 bg-gray-100 flex items-center justify-center rounded-full'>
|
||
<ShoppingBagIcon className='size-12 text-gray-600' />
|
||
</div>
|
||
<h1 className='text-lg font-bold'>هنوز سفارشی ثبت نکردهاید</h1>
|
||
<p className='text-sm text-center text-gray-600'>لیست سفارشهای شما در حال حاضر خالی است. برای خرید از فروشگاههای اطراف روی دکمه زیر کلیک کنید.</p>
|
||
<Link href='/' className='h-12 mt-4 rounded-full flex items-center justify-center w-full bg-primary-action text-white cursor-pointer'>شروع خرید</Link>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default OrderEmpty |