Transaction: 2qL9e7Z...LBwM

{ "data": { "devs.near": { "widget": { "Layout": { "": "const StandardLayout = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n`;\nconst SidebarLayout = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n @media screen and (max-width: 768px) {\n flex-direction: column;\n }\n .aside {\n display: flex;\n }\n .main {\n flex-grow: 1;\n }\n`;\nconst SplitLayout = styled.div`\n display: flex;\n width: 100%;\n .children {\n flex-grow: 1;\n flex-basis: 0;\n }\n`;\nreturn {\n Layout: ({ variant, blocks, children }) => {\n const { Header, Footer, Sidebar, Left, Right } = blocks;\n Header = Header ? Header : () => <></>;\n Footer = Footer ? Footer : () => <></>;\n Sidebar = Sidebar ? Sidebar : () => <></>;\n Left = Left ? Left : ({ children }) => <>{children}</>;\n Right = Right ? Right : ({ children }) => <>{children}</>;\n if (!variant) {\n variant = \"standard\";\n }\n const availableVariants = [\"standard\", \"sidebar\", \"split\"];\n if (!availableVariants.includes(variant)) {\n return 'Invalid Variant: \"' + variant + '\"';\n }\n switch (variant) {\n case \"standard\":\n return (\n <StandardLayout>\n <Header />\n {children}\n <Footer />\n </StandardLayout>\n );\n case \"sidebar\":\n return (\n <StandardLayout>\n <Header />\n <SidebarLayout>\n <div className=\"aside\">\n <Sidebar />\n </div>\n <div className=\"main\">{children}</div>\n </SidebarLayout>\n <Footer />\n </StandardLayout>\n );\n case \"split\":\n return (\n <StandardLayout>\n <Header />\n <SplitLayout>\n <Sidebar />\n <div className=\"children\">\n <Left>{children}</Left>\n </div>\n <div className=\"children\">\n <Right>{children}</Right>\n </div>\n </SplitLayout>\n <Footer />\n </StandardLayout>\n );\n }\n },\n};\n" } } } } }