{
    "componentChunkName": "component---packages-gatsby-theme-docs-src-templates-page-content-js",
    "path": "/views/wide",
    "result": {"data":{"contentPage":{"title":"Wide Desktop Layout","globalNotification":null,"websitePrimaryColor":"#808080","beta":false,"isGlobalBeta":false,"excludeFromSearchIndex":false,"allowWideContentLayout":true,"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Wide Desktop Layout\",\n  \"description\": \"Test components that can flow into two content columns\",\n  \"wideLayout\": true,\n  \"showTimeToRead\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar SideBySide = makeShortcode(\"SideBySide\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", {\n    \"id\": \"section-manual-side-by-side-content\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"manual-side-by-side-content\"\n  }, \"Manual Side By Side Content\"), mdx(SideBySide, {\n    mdxType: \"SideBySide\"\n  }, mdx(\"p\", {\n    parentName: \"section\"\n  }, \"The \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<SideBySide>\"), \" component allows wrapping two arbitrary pieces of markdown or MDX block-level\\ncontents to allow the wide layout to put the next to each other if the space allows. It's for \\\"Pairs\\\" of\\ncontent that directly belong to each other. If multiple blocks are intended for this \\\"left\\\" part it needs to be wrapped\\nin a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<div>\"), \" which is not nice but at least works.\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"<SideBySide>\\n\\nBlock one - don't forget the blank lines!\\n\\nBlick two - don't forget the blank lines!\\n\\n</SideBySide>\\n\")))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"title":"Manual Side By Side Content","url":"#manual-side-by-side-content"}]},"navLevels":3,"showTimeToRead":true,"timeToRead":0,"estimatedTimeToRead":1}},"pageContext":{"slug":"/views/wide","shortTitle":"Wide Layout","hasReleaseNotes":true}},
    "staticQueryHashes": ["2494036674","3227520225","3295477089","3359654165","3845541775","636942989","801034918"]}