"use client";

import Link from "next/link";
import ServiceDetailSidebar from "../../Common/ServiceDetailContactSidebar";

interface SidebarItem {
  title: string;
  slug: string;
}

interface Props {
  sidebar: SidebarItem[];
  currentSlug: string;
}

export default function ServiceSidebar({
  sidebar,
  currentSlug,
}: Props) {
  return (
    <div className="services-details-info">
      <ul className="services-list">
        {sidebar.map((item) => (
          <li key={item.slug}>
            <Link
              href={item.slug}
              className={item.slug === currentSlug ? "active" : ""}
            >
              {item.title}
            </Link>
          </li>
        ))}
      </ul>

      <ServiceDetailSidebar />
    </div>
  );
}