import Image from "next/image";
import Link from "next/link";
import React from "react";

export default function GoogleNews() {
  return (
    <div className="bg-[#0a3d62] rounded p-1 shadow-md mb-3 hover:bg-sky-900 transition-all ">
      <Link
        rel="noopener"
        legacyBehavior
        href="https://news.google.com/publications/CAAqBwgKMJH3nAswooG1Aw?hl=en"
      >
        <a
          rel="noopener"
          className="flex justify-center items-center"
          href="https://news.google.com/publications/CAAqBwgKMJH3nAswooG1Aw?hl=en"
        >
          <Image
            src={`/img/google-news.png`}
            className=" object-cover"
            width={60}
            height={50}
            alt={"google news"}
            quality={100}
          />
          <span className="text-white  font-semibold ml-2">
            Google News Bültenimize Abone Olun
          </span>
        </a>
      </Link>
    </div>
  );
}
