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

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

export default function ChatDetailPage({ params }: { params: { id: string } }) {
  return (
    <div className="container mx-auto py-6 space-y-6">
      <div className="grid grid-cols-1 gap-6">
        <ChatDetail chatId={params.id} />
      </div>
    </div>
  );
}