"use client";

import type { ReactElement } from "react";

import { useParams } from "next/navigation";
import { ComingSoon } from "@/components/ui/ComingSoon";
import Link from "next/link";

export default function TeamDetailPage(): ReactElement {
  const params = useParams();
  const workspaceId = params.id as string;

  return (
    <ComingSoon
      feature="Team Details"
      description="Team member management is being migrated to live API-backed data."
    >
      <Link
        href={`/settings/workspaces/${workspaceId}/teams`}
        className="text-sm text-blue-600 hover:text-blue-700"
      >
        {"<-"} Back to Teams
      </Link>
    </ComingSoon>
  );
}
