import { FC } from 'react'
import { ItemServiceType } from '../pages/service/types/ServiecTypes'

type Props = {
    item: ItemServiceType,
}

const ServiceSection: FC<Props> = (props: Props) => {
    const { item } = props
    return (
        <div className='flex flex-col items-center text-center gap-4'>
            <div className='size-10 min-w-10 rounded-xl'>
                <img src={item.icon} alt={item.name} className='w-full h-full' />
            </div>
            <div>
                <div className='text-sm'>
                    {item.name}
                </div>
                <div className='text-xs mt-1 leading-5 text-description'>
                    {item.title}
                </div>
            </div>
        </div>
    )
}

export default ServiceSection