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