import Link from '@/core/components/elements/Link/Link'

const FinishCheckout = ({ query }) => {
  return (
    <div className='mx-auto container p-4 md:p-0 mt-0 md:mt-10'>
      <div className='rounded-xl bg-warning-100 text-center border border-warning-300 w-full md:w-1/2 mx-auto'>
        <div className='px-4 py-6 text-warning-900'>
          <p className='font-semibold mb-2'>Terima Kasih atas Pembelian Anda</p>
          <p className='text-warning-800 mb-4 leading-6'>
            Rincian belanja sudah kami kirimkan ke email anda. Mohon dicek kembali. jika tidak
            menerima email, anda dapat menghubungi kami disini.
          </p>
          <p className='mb-2 font-medium'>{query?.order_id?.replaceAll('-', '/')}</p>
          <p className='text-caption-2 text-warning-800'>No. Transaksi</p>
        </div>
        <Link
          href='/my/transactions'
          className='bg-warning-400 text-warning-900 rounded-b-xl py-4 block'
        >
          Lihat detail pembelian Anda disini
        </Link>
      </div>
    </div>
  )
}

export default FinishCheckout
