"use client";

import Image from "next/image";
import TransportDirectionLinks from "./TransportDirectionLinks";
import { InfoWindowContentProps } from "./types";

export default function InfoWindowContent({ place }: InfoWindowContentProps) {
  return (
    <div className="w-64 overflow-hidden">
      <div className="h-32 w-full relative">
        <Image
          src={place.image || "/images/instagram-1.jpg"}
          alt={place.title}
          width={100}
          height={100}
          className="object-cover w-full h-full"
        />
      </div>

      <div className="p-3 space-y-2">
        <h3 className="font-semibold text-[18px] sm:text-[24px]">
          {place.title}
        </h3>
        <p className="text-[18px]">{place.description}</p>

        <TransportDirectionLinks directionUrl={place.directionUrl} />
      </div>
    </div>
  );
}