管理介面 Admin Dashboard

export default function App() {
	return (
		<div className="relative min-h-screen">
			<div
				data-name="sidebar"
				className="fixed bottom-0 left-0 top-0 z-10 flex w-64 flex-col justify-between bg-black text-slate-100"
			>
				<SideTop>{/** logo */}</SideTop>
				<SideMenu>{/** menu */}</SideMenu>
				<SideBottom>{/** extra link */}</SideBottom>
			</div>
 
			<div
				data-name="page"
				className="relative flex h-full flex-1 flex-col pl-64"
			>
				<div
					data-name="navigation"
					className="sticky top-0 flex min-h-[64px] w-full items-center justify-between border-b border-slate-300 bg-white"
				>
					<TopLeft>
						{/** page title */}
						{/** page breadcrumb */}
					</TopLeft>
					<TopCenter>
						{/** page search */}
						{/** page action */}
					</TopCenter>
					<TopRight>
						{/** page notification */}
						{/** page profile */}
					</TopRight>
				</div>
 
				{/* page content */}
				<div data-name="content" className="min-h-screen">
					{/* page load here */}
					<PageContent />
					<PageBottom />
				</div>
			</div>
		</div>
	);
}