Files
kan/src/components/dashboard.tsx
2024-04-23 09:13:04 +01:00

23 lines
883 B
TypeScript

import SideNavigation from "./SideNavigation";
import FeedbackButton from "./FeedbackButton";
export default function Dashboard(props: { children: React.ReactNode }) {
return (
<div className="flex h-screen flex-col items-center bg-light-100 dark:bg-dark-50">
<div className="m-auto flex h-16 w-full justify-between border-b border-light-600 px-5 py-2 align-middle dark:border-dark-600">
<div className="my-auto flex w-full items-center justify-between">
<h1 className="text-lg font-bold tracking-tight text-neutral-900 dark:text-dark-1000">
kan.bn
</h1>
<FeedbackButton />
</div>
</div>
<div className="flex h-full w-full">
<SideNavigation user={{ email: "henry_ball@hotmail.co.uk" }} />
<div className="w-full overflow-hidden">{props.children}</div>
</div>
</div>
);
}