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

export const metadata: Metadata = {
  title: "Customer Chats",
  description: "Manage conversations with your customers",
};

export default function ChatsPage() {
  return (
    <div className="container mx-auto py-6 space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Customer Chats</h1>
      </div>
      
      <div className="grid grid-cols-1 gap-6">
        <ChatList />
      </div>
    </div>
  );
}