import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from '@remotion/design';
import { NewBackButton } from './NewBackButton';
import { Page } from './Page';
export const PromptsSubmitPage = () => {
    return (_jsx(Page, { className: "flex-col", children: _jsx("div", { className: "m-auto max-w-[800px] w-full", children: _jsxs("div", { className: "mx-4 px-8 py-8 pt-8", children: [_jsx(NewBackButton, { text: "Back to gallery", link: "/prompts" }), _jsx("h1", { className: "text-3xl font-brand font-black", children: "Share your video" }), _jsx("p", { className: "text-muted-foreground text-sm font-brand", children: "Submissions are currently disabled while we work on something better!" }), _jsx(Button, { href: "/prompts", className: "font-brand rounded-full mt-4", children: "Back to gallery" })] }) }) }));
};
