import { AdminShellServer } from "@/components/admin-shell-server";
import { UploadNavigation } from "./upload-navigation";

export default function AdminUploadLayout({
	children,
}: {
	children: React.ReactNode;
}) {
	return (
		<AdminShellServer>
			<main className="mx-auto flex w-full max-w-7xl flex-col gap-6 p-4 pb-12 md:p-6">
				<div>
					<p className="text-sm font-medium text-primary">Creator studio</p>
					<h1 className="text-3xl font-bold tracking-tight">
						Upload everywhere
					</h1>
					<p className="mt-1 text-muted-foreground">
						Prepare one video, then publish it to YouTube and TikTok together.
					</p>
				</div>
				<UploadNavigation />
				{children}
			</main>
		</AdminShellServer>
	);
}