'use client'
import { FC } from 'react'
import ServiceItem from '@/components/ServiceItem'
import { useGetDanakServiceSuggested } from './hooks/useProductData'

const DanakSuggestedService: FC = () => {

    const { data } = useGetDanakServiceSuggested()

    return (
        <div className='max-w-maxWidth mx-auto xl:mt-20 mt-12'>
            <h2 className='xl:text-2xl text-sm font-bold text-center xl:text-right'>
                سرویس های  پیشنهادی داناک
            </h2>

            <div className='xl:mt-14 mt-10 flex xl:flex-row flex-col gap-8'>
                {
                    data?.data?.danakServices?.map((item) => {
                        return (
                            <ServiceItem key={item.id} item={item} />
                        )
                    })
                }

            </div>
        </div>
    )
}

export default DanakSuggestedService