import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/components/ui/tooltip";

import { Icon } from "@iconify/react";
import Link from "next/link";

export default async function Portfolio() {
  const socials = [
    {
      icon: "pajamas:mail",
      link: "mailto:shenoy.ameya@gmail.com",
      hoverText: "Shoot me an email!",
    },

    {
      icon: "pajamas:linkedin",
      link: "https://linkedin.com/in/codingcoffee",
      hoverText: "Let's connect on LinkedIn",
    },

    {
      icon: "pajamas:github",
      link: "https://github.com/codingcoffee",
      hoverText: "Checkout my opensource repos at GitHub",
    },

    {
      icon: "pajamas:twitter",
      link: "https://x.com/codingcoffeeX",
      hoverText: "Follow me on X!",
    },
  ];

  return (
    <div className="flex text-red-500 gap-5">
      {socials.map((social, _) => (
        <Tooltip key={social.link}>
          <TooltipTrigger asChild>
            <Link href={social.link} target="_blank" rel="noopener noreferrer">
              <Icon icon={social.icon} className="inline-block" />
            </Link>
          </TooltipTrigger>
          <TooltipContent>
            <p className="text-xl">{social.hoverText}</p>
          </TooltipContent>
        </Tooltip>
      ))}
    </div>
  );
}
