36 lines
903 B
TypeScript
36 lines
903 B
TypeScript
import Link from "next/link";
|
|
import Image from "next/image";
|
|
|
|
import { UserButton } from "@/features/auth/components/user-button";
|
|
|
|
interface StandaloneLayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const StandaloneLayout = ({ children }: StandaloneLayoutProps) => {
|
|
return (
|
|
<main className="min-h-screen bg-neutral-100">
|
|
<div className="mx-auto max-w-screen-2xl p-4">
|
|
<nav className="flex justify-between items-center">
|
|
<Link href="/">
|
|
<Image
|
|
src="/logo.png"
|
|
alt="Logo"
|
|
width={150}
|
|
height={50}
|
|
className="h-8 w-auto"
|
|
priority
|
|
/>
|
|
</Link>
|
|
<UserButton />
|
|
</nav>
|
|
<div className="flex flex-col items-center justify-center py-4">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
};
|
|
|
|
export default StandaloneLayout;
|