interface Porps {

    image?: string,
    title : string,
    content : string,
    link? :  string

}

const AksesuarItem : React.FC<Porps> = ({ image, content, link, title}) => {

    return (
        <div className="flex items-center  even:bg-acikgri  odd:bg-gri">
            
            <div className="h-24 relative bg-white border min-h-28 w-28 ">
            {image && (
                <img
                    src={image}
                    alt={title}
                    loading="lazy"
                    decoding="async"
                    className="object-cover h-full"
                />
            )}
            </div>
            <div className="px-10">
                <h5 className="font-semibold"> {title} </h5>
                <p className="text-xs"> {content} </p>
            </div>

        </div>
    )

}

export default AksesuarItem