import Image from 'next/image'
import React from 'react'

export type BoxItem = {
    image?: string,
    title : string,
    content : string
} 

const IletisimBox : React.FC<BoxItem> = ({ image, title, content}) => {
  return (
    <div className='flex flex-col items-center justify-center text-center gap-3'>
         { image && <Image src={image} width={1} height={1} alt='' className='w-12 h-12 object-contain' /> }
        <h4 className='font-bold text-lg text-head'> { title}</h4>
        <p className='text-sm text-head font-semibold w-2/3'> { content} </p>
    </div>
  )
}

export default IletisimBox