inffo2/src/app/layout.tsx

62 lines
1.7 KiB
TypeScript

import { AppSidebar } from "@/components/app-sidebar";
import {
SidebarInset,
SidebarProvider,
SidebarTrigger,
} from "@/components/ui/sidebar";
import { Separator } from "@radix-ui/react-separator";
import { ArrowUpRight } from "lucide-react";
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "inFFo2",
description: "I'll do it again",
};
export default async function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<SidebarProvider>
<AppSidebar />
<SidebarInset>
<header className="bg-background sticky top-0 flex h-16 shrink-0 z-10 items-center gap-2 border-b px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
<div className="flex-grow">
<h1 className="text-lg font-semibold"><a href="/">inFFo2</a></h1>
</div>
<a
href="https://www.festivalfantazie.cz/files/rozmisteni_ff25.png"
className="flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors"
target="_blank"
rel="noopener noreferrer"
>
<span>Rozmístění</span> <ArrowUpRight className="size-4" />
</a>
</header>
<div className="container mx-auto">{children}</div>
</SidebarInset>
</SidebarProvider>
</body>
</html>
);
}