"use client";

import ExploreDirectory from "@/components/explore/ExploreDirectory";
import { subtypeOf } from "@/lib/api/services";
import { useEmbassiesStore } from "@/store/services";

export default function EmbassyDirectory() {
  return (
    <ExploreDirectory
      useStore={useEmbassiesStore}
      kind="embassy"
      noun="embassies"
      base="/services/place"
      tags={(p) => {
        const s = subtypeOf(p as Parameters<typeof subtypeOf>[0]).operational_status;
        return s ? [s.charAt(0).toUpperCase() + s.slice(1)] : [];
      }}
    />
  );
}