"use client"
import Sidebar from "@/components/Sidebar";

interface SitesPageProps {
    username: string;
    name: string;
    siteId: string;
}

export default function SitesPage({ username, name, siteId }: SitesPageProps) {
    return (
        <Sidebar 
            username={username} 
            fullName={name} 
            breadcrumbPath={['/', 'Dashboard', 'Ressources', 'Sites', siteId]}
        >
            <main>
                <div className="flex gap-4 items-center">
                    <div className="flex-1">
                        <h1 className="text-2xl font-bold">Site</h1>
                        <p className="text-sm opacity-70">
                            Manage your sites. Sites are real-world locations where you can 
                            monitor your assets & add networks.
                        </p>
                    </div>
                </div>
            </main>
        </Sidebar>
    )
}