hamid zarghami
27 lines
735 B
TypeScript
27 lines
735 B
TypeScript
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 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 text-description'>
|
|
{item.title}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ServiceSection |