import React, { useEffect } from "react";
import Layout from "../components/Layout";
import Image from "next/image";
import "tailwindcss/tailwind.css"; // Stelle sicher, dass Tailwind CSS korrekt importiert wird
import "@fontsource/roboto"; // Standardimport für alle Schriftstärken
import "bootstrap-icons/font/bootstrap-icons.css";

function Dashboard() {
  return (
    <Layout>
      <div className="bg-gray-100 flex flex-col min-h-screen">
        <div className="flex flex-grow w-full">
          {/* Main Section */}
          <main className="flex-1 bg-white p-8 ml-4 shadow rounded-lg overflow-hidden">
            {/* Hauptinhalt */}
            <h1 className="text-2xl font-bold mb-4">Dashboard Übersicht</h1>
          </main>
        </div>
      </div>
    </Layout>
  );
}

export default Dashboard;