"use client";

import CartControls from '@/components/CartControls'
import { clx } from '@/helpers/utils';
import { ArchiveTick, Shop, TruckFast } from 'iconsax-react'
import Image from 'next/image'
import { FC } from 'react'

type Props = {
    noBorder?: boolean
}

const CartItem: FC<Props> = (props) => {

    const { noBorder } = props

    return (
        <div className={clx(
            'p-10 flex gap-10 border-t border-border',
            noBorder && 'border-0'
        )}>
            <Image
                src={'https://dkstatics-public.digikala.com/digikala-products/40026b18c2b053ac4a68c3288556dc899a77aecd_1727277566.jpg?x-oss-process=image/resize,m_lfit,h_300,w_300/format,webp/quality,q_80'}
                alt=''
                width={200}
                height={200}
                className='max-w-[150px] max-h-[150px] object-contain'
            />

            <div className='flex-1'>
                <div className='flex justify-between items-center'>
                    <div className='max-w-[250px] truncate'>
                        گوشی موبایل سامسونگ مدل Galaxy S24 Ultra دو سیم کارت ظرفیت 1 ترابایت و رم 12 گیگابایت - ویتنام
                    </div>
                    <div>
                        70,400,000 <span className='text-xs'>تومان</span>
                    </div>
                </div>
                <div className='font-light text-[#333333]'>
                    <div className='flex items-center gap-2.5 mt-14'>
                        <div className='w-6'>
                            <div className='size-[14px] rounded-full bg-black'></div>
                        </div>
                        <div className='text-sm'>مشکی</div>
                    </div>

                    <div className='flex items-center gap-2.5 mt-4'>
                        <div className='w-6'>
                            <Shop size={20} color='#333333' />
                        </div>
                        <div className='text-sm'>فروشنده فروشگاه سندس</div>
                    </div>

                    <div className='flex items-center gap-2.5 mt-4'>
                        <div className='w-6'>
                            <ArchiveTick size={20} color='#333333' />
                        </div>
                        <div className='text-sm'>گارانتی اصالت و سلامت فیزیکی کالا</div>
                    </div>

                    <div className='flex justify-between'>
                        <div className='flex items-center gap-2.5 mt-4'>
                            <div className='w-6'>
                                <TruckFast size={20} color='blue' />
                            </div>
                            <div className='text-sm'>ارسال از سندس حداکثر پس از 3 روز کاری</div>
                        </div>

                        <CartControls
                            onChange={() => null}
                            onRemove={() => null}
                            quantity={1}
                        />

                    </div>
                </div>

            </div>
        </div>
    )
}

export default CartItem