{"version":3,"file":"AppLayout-0d77d7b9.js","sources":["../../../resources/js/Layouts/AppLayout.jsx"],"sourcesContent":["import { useState } from \"react\";\nimport ApplicationLogo from \"../components/ApplicationLogo\";\nimport Header1 from \"../components/Header1\";\nimport PrimaryButtonLink from \"../components/PrimaryButtonLink\";\nimport { Link } from \"@inertiajs/react\";\n\nexport default function AppLayout({ user, header, children }) {\n    const [showingNavigationDropdown, setShowingNavigationDropdown] =\n        useState(false);\n\n    return (\n        <div>\n            <nav className=\"mt-4\">\n                <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                    <div className=\"flex justify-between h-16\">\n                        <div className=\"flex\">\n                            <div className=\"shrink-0 flex items-center\">\n                                <Link href=\"/\">\n                                    <ApplicationLogo className=\"h-14 w-auto\" />\n                                </Link>\n                            </div>\n                        </div>\n\n                        <div className=\"hidden sm:flex sm:items-center sm:ml-6\">\n                            <PrimaryButtonLink\n                                background=\"dark\"\n                                className=\"mx-4\"\n                                href={route(\"generate\")}\n                            >\n                                Create Storyscape\n                            </PrimaryButtonLink>\n                            <div className=\"ml-3 relative text-white text-lg leading-6\">\n                                {user && (\n                                    <div>\n                                        <div>\n                                            <Link\n                                                href={route(\"account.stories\")}\n                                                className=\"hover:underline\"\n                                            >\n                                                {user.name}\n\n                                                <svg\n                                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                                    fill=\"none\"\n                                                    viewBox=\"0 0 24 24\"\n                                                    strokeWidth=\"2\"\n                                                    stroke=\"currentColor\"\n                                                    className=\"w-4 h-auto inline ml-2\"\n                                                >\n                                                    <path\n                                                        strokeLinecap=\"round\"\n                                                        strokeLinejoin=\"round\"\n                                                        d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"\n                                                    />\n                                                </svg>\n                                            </Link>\n                                        </div>\n                                        <div className=\"text-regular-orange flex items-center\">\n                                            {user.story_credits == 0 ? (\n                                                <a href={route(\"pricing\")}>\n                                                    {user.story_credits}\n                                                    <img\n                                                        src=\"/images/story-credits-icon.svg\"\n                                                        alt=\"Story credits\"\n                                                        className=\"mx-1 w-4 h-auto inline\"\n                                                    />\n                                                    remaining\n                                                </a>\n                                            ) : (\n                                                <>\n                                                    {user.story_credits}\n                                                    <img\n                                                        src=\"/images/story-credits-icon.svg\"\n                                                        alt=\"Story credits\"\n                                                        className=\"mx-1 w-4 h-auto inline\"\n                                                    />\n                                                    remaining\n                                                </>\n                                            )}\n                                        </div>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n\n                        <div className=\"-mr-2 flex items-center sm:hidden\">\n                            <button\n                                onClick={() =>\n                                    setShowingNavigationDropdown(\n                                        (previousState) => !previousState\n                                    )\n                                }\n                                className=\"inline-flex items-center justify-center p-2 rounded-md text-gray-100 hover:text-gray-300 focus:outline-none focus:text-gray-300 transition duration-150 ease-in-out\"\n                            >\n                                <svg\n                                    className=\"h-6 w-6\"\n                                    stroke=\"currentColor\"\n                                    fill=\"none\"\n                                    viewBox=\"0 0 24 24\"\n                                >\n                                    <path\n                                        className={\n                                            !showingNavigationDropdown\n                                                ? \"inline-flex\"\n                                                : \"hidden\"\n                                        }\n                                        strokeLinecap=\"round\"\n                                        strokeLinejoin=\"round\"\n                                        strokeWidth=\"2\"\n                                        d=\"M4 6h16M4 12h16M4 18h16\"\n                                    />\n                                    <path\n                                        className={\n                                            showingNavigationDropdown\n                                                ? \"inline-flex\"\n                                                : \"hidden\"\n                                        }\n                                        strokeLinecap=\"round\"\n                                        strokeLinejoin=\"round\"\n                                        strokeWidth=\"2\"\n                                        d=\"M6 18L18 6M6 6l12 12\"\n                                    />\n                                </svg>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n\n                <div\n                    className={`\n                        transform transition-all duration-300 ease-in-out\n                        overflow-hidden\n                        ${\n                            showingNavigationDropdown\n                                ? \"max-h-96 translate-y-0 opacity-100\"\n                                : \"max-h-0 -translate-y-4 opacity-0\"\n                        }\n                        sm:hidden\n                    `}\n                >\n                    <div className=\"pt-4 pb-2 border-b border-white/50\">\n                        <div className=\"px-4\">\n                            <div className=\"flex items-center\">\n                                <div className=\"grow flex items-center\">\n                                    <PrimaryButtonLink\n                                        background=\"dark\"\n                                        href={route(\"generate\")}\n                                    >\n                                        Create Storyscape\n                                    </PrimaryButtonLink>\n                                </div>\n                                <div className=\"mt-2 sm:mt-0 sm:ml-3 relative text-white text-lg leading-6\">\n                                    {user && (\n                                        <div>\n                                            <div>\n                                                <Link\n                                                    href={route(\n                                                        \"account.profile\"\n                                                    )}\n                                                    className=\"hover:underline\"\n                                                >\n                                                    {user.name}\n\n                                                    <svg\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                                        fill=\"none\"\n                                                        viewBox=\"0 0 24 24\"\n                                                        strokeWidth=\"2\"\n                                                        stroke=\"currentColor\"\n                                                        className=\"w-4 h-auto inline ml-2\"\n                                                    >\n                                                        <path\n                                                            strokeLinecap=\"round\"\n                                                            strokeLinejoin=\"round\"\n                                                            d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"\n                                                        />\n                                                    </svg>\n                                                </Link>\n                                            </div>\n                                            <div className=\"text-regular-orange flex items-center\">\n                                                {user.story_credits}\n                                                <img\n                                                    src=\"/images/story-credits-icon.svg\"\n                                                    alt=\"Story credits\"\n                                                    className=\"mx-1 w-4 h-auto inline\"\n                                                />\n                                                remaining\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </nav>\n\n            {header && (\n                <header>\n                    <Header1 className=\"max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8\">\n                        {header}\n                    </Header1>\n                </header>\n            )}\n\n            <main>{children}</main>\n        </div>\n    );\n}\n"],"names":["AppLayout","user","header","children","showingNavigationDropdown","setShowingNavigationDropdown","useState","jsxs","jsx","Link","ApplicationLogo","PrimaryButtonLink","Fragment","previousState","Header1"],"mappings":"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"}