"use client"

import { SectionCards } from "./sections"
import { ChartAreaInteractive } from "./area"
import { SiteHeader } from "../site-header"


export default function Page() {
    return (

        <>
            <SiteHeader breadcrumbs={[{ label: "Home", href: "/" }, { label: "Dashboard", href: "/admin/dashboard" }]} />
            <div className="flex flex-1 flex-col">
                <div className="@container/main flex flex-1 flex-col gap-2">
                    <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
                        <SectionCards />
                        <div className="px-4 lg:px-6">
                            <ChartAreaInteractive />
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}