import React from 'react';
import DataTable from './components/DataTable';

function App() {
  return (
    <div className="min-h-screen bg-background">
      <header className="border-b bg-card">
        <div className="container mx-auto px-6 py-4">
          <h1 className="text-3xl font-bold text-foreground">
            MongoDB Data Viewer
          </h1>
          <p className="text-muted-foreground mt-2">
            A React app with shadcn/ui styling to display MongoDB data
          </p>
        </div>
      </header>
      
      <main className="container mx-auto py-8">
        <DataTable />
      </main>
    </div>
  );
}

export default App;