25 lines
821 B
TypeScript
25 lines
821 B
TypeScript
import type { ReactNode } from "react";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { TopBar } from "@/components/layout/TopBar";
|
|
|
|
interface AppShellProps {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export function AppShell({ children }: AppShellProps) {
|
|
return (
|
|
<TooltipProvider>
|
|
<div className="flex h-screen flex-col bg-pylon-bg">
|
|
<a
|
|
href="#main-content"
|
|
className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[200] focus:rounded-md focus:bg-pylon-accent focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-white focus:shadow-lg"
|
|
>
|
|
Skip to main content
|
|
</a>
|
|
<TopBar />
|
|
<main id="main-content" className="flex-1 overflow-hidden">{children}</main>
|
|
</div>
|
|
</TooltipProvider>
|
|
);
|
|
}
|