import { FilesTable } from "../components/filesTable";

export default function FilesPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
      <div className="container mx-auto px-4 py-8">
        <div className="mb-8">
          <h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-2">
            File Management
          </h1>
          <p className="text-gray-600 dark:text-gray-300">
            Upload and manage your media files here. Use the upload button in the table header to add new files.
          </p>
        </div>

        <div className="w-full">
          <FilesTable />
        </div>
      </div>
    </div>
  );
}