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

type Props = {
    title : string,
    content : string,
    image ?: string
}

const FooterItem = (props: Props) => {
  return (
    <Link href={'/iletisim'} className='bg-gri px-6 py-6 flex flex-col'>
        
        <h5 className='text-head font-semibold'> {props.title} </h5>
        <p className='text-sm basis-1/2 mt-3 mb-14'> {props.content} </p>
        { props.image && <Image src={props.image} width={1} height={1} alt='' className='w-9 h-9'  />}

    </Link>
  )
}

export default FooterItem