{"componentChunkName":"component---src-templates-posts-js","path":"/components","result":{"data":{"mdx":{"id":"b34fd7b5-b631-5422-881e-0889af699515","body":"function _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/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Components\",\n  \"path\": \"/components\",\n  \"excerpt\": \"Components are a collection of UI elements that can be used anywhere across our digital platforms.\"\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 Masthead = makeShortcode(\"Masthead\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Masthead, {\n    title: \"Components\",\n    subheader: \"Components are UI elements which can be combined to help designers and developers build products across our digital platform. Using components frees up resource to focus on unique challenges, rather than re-inventing the wheel.\",\n    typeLanding: true,\n    mdxType: \"Masthead\"\n  }), mdx(\"div\", {\n    className: \"cmpContainer\"\n  }, mdx(ComponentItem, {\n    CompType: \"\",\n    Image: \"\",\n    Title: \"Buttons\",\n    Desc: \"Buttons are clickable elements that are used across the platform to trigger actions.\",\n    URL: \"/components/button\",\n    mdxType: \"ComponentItem\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Components"}}},"pageContext":{"id":"b34fd7b5-b631-5422-881e-0889af699515"}}}