import React from "react";
import { Metadata } from "next";
import ChatDetail from "@/components/dashboard/ChatDetail";
import Dashboard from "@/components/dashboard/dashboard";

export const metadata: Metadata = {
  title: "Chat Conversation",
  description: "View and respond to customer messages",
};

interface PageProps {
  params: Promise<{
    id: string;
  }>;
}

export default async function ChatDetailPage({ params }: PageProps) {
  const { id } = await params;
  return (
    <Dashboard>
      <ChatDetail chatId={id} />
    </Dashboard>
  );
}