export default function PriceDetails(){
    
    return(
        <div className='flex flex-col h-max bg-n-1 mt-20 border-y-2 mb-8 p-6'>
                    <span className='font-bold text-xl pb-6'> جزئیات قیمت</span>
                    <div className='flex justify-between items-center border-t pt-6'>
                        <span className='text-gray-600 font-[5] text-sm'>هزنه ی کل کالاها </span>
                        <div>
                        <span className='font-[4] text-sm pr-3'> ۲،۱۰۴،۰۰۰</span>
                            <span className='text-gray-600 font-[5] text-sm px-0.5'>تومان</span>
                        </div>
                    </div>
                    <div className='flex justify-between mt-4'>
                        <span className='text-gray-600 font-[5] text-sm'> تخفیف </span>
                        <div>
                            <span className='text-red-600 font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
                            <span className='text-red-600 font-[5] text-sm px-0.5'>تومان</span>
                        </div>
                    </div>
                    <div className='flex justify-between mt-4'>
                        <span className='text-gray-600 font-[5] text-sm'>هزینه ی ارسال</span>
                        <div>
                            <span className='font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
                            <span className='text-gray-600 font-[5] text-sm px-0.5'>تومان</span>
                        </div>
                    </div>
                    <div className='flex justify-between mt-4 mb-6'>
                        <span className='text-gray-600 font-[5] text-sm'>کد تخفیف</span>
                        <div>
                                <span className='text-red-600 font-[4] text-sm pr-3'> ۲،۱۰۴،۰۰۰</span>
                                <span className='text-red-600 font-[5] text-sm px-0.5'>تومان</span>
                        </div>
                    </div>
                    <div className='flex justify-between border-t py-6'>
                        <span className='text-gray-600 font-[5] text-sm pl-36'> مبلغ نهایی</span>
                        <div>
                            <span className='font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
                            <span className='text-gray-600 font-[5] text-sm'>تومان</span>
                        </div>
                    </div>
                    <button className="flex justify-center bg-blue-5 flex px-8 py-4 rounded">
                        <span className="font-[4] text-white pl-1">اتمام خرید</span> 
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="#F9FAFB"/>
                            <path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="#F9FAFB"/>
                        </svg>


                    </button>
                </div>  

    )
}