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",
};

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