{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./src/@nib/gatsby-theme-mesh-docs/templates/Content.js","webpack:///./content/components/error-template.mdx"],"names":["Banner","React","createElement","Inline","space","Link","component","GatsbyLink","to","GridLayout","styled","div","withConfig","displayName","componentId","breakpoint","BREAKPOINTS","DRAWER","Content","props","Theme","theme","nib","Layout","bannerContent","SkipLink","link","text","Header","Sidebar","location","Target","id","Main","pageContext","children","Footer","propTypes","PropTypes","node","object","_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","_ref","components","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","parentName","isMDXComponent"],"mappings":"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","file":"component---content-components-error-template-mdx-f99e1701ef7e2b554c49.js","sourcesContent":["import React from 'react';\nimport {Inline} from '@nib/layout';\nimport Link from '@nib-components/link';\nimport {Link as GatsbyLink} from 'gatsby';\n\nconst Banner = () => (\n  <Inline space={2}>\n    <span>Design Tokens for Mesh have just been released!</span>{' '}\n    <Link component={GatsbyLink} to=\"/design-tokens/overview/\">\n      Check out the design tokens now\n    </Link>\n  </Inline>\n);\n\nexport default Banner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport {breakpoint} from '@nib/layout';\nimport {SkipLink, Target} from '@nib-components/skip-link';\nimport {Footer, Layout, Main, Sidebar} from '@nib/gatsby-theme-mesh-docs';\nimport Theme, {nib} from '@nib-components/theme';\n\nimport Header from '../../../components/header/Header';\nimport {BREAKPOINTS} from '../../../constants';\nimport Banner from '../../../components/banner';\n\nconst GridLayout = styled.div`\n  min-height: 100vh;\n  display: grid;\n  grid-template-areas:\n    'header'\n    'main'\n    'footer';\n  grid-template-rows: 3.5rem 1fr auto;\n  grid-template-columns: 1fr;\n\n  ${breakpoint(BREAKPOINTS.DRAWER)`\n    grid-template-areas:\n      \"header header\"\n      \"sidebar main\"\n      \"sidebar footer\";\n    grid-template-columns: 15rem 1fr;\n  `};\n`;\n\nconst Content = props => {\n  return (\n    <Theme theme={nib}>\n      <Layout bannerContent={<Banner />}>\n        <SkipLink link=\"#content\" text=\"Skip to content\" />\n        <GridLayout>\n          <Header />\n          <Sidebar location={props.location} />\n          <Target id=\"content\" component={Main} pageContext={props.pageContext} location={props.location}>\n            {props.children}\n          </Target>\n          <Footer />\n        </GridLayout>\n      </Layout>\n    </Theme>\n  );\n};\n\nContent.displayName = 'Content';\nContent.propTypes = {\n  children: PropTypes.node,\n  location: PropTypes.object,\n  pageContext: PropTypes.object\n};\n\nexport default Content;\n","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport DefaultLayout from \"/tmp/node_modules/@nib/gatsby-theme-mesh-docs/src/templates/Content.js\";\nimport ErrorTemplate from '@nib-components/error-template';\nexport const _frontmatter = {};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n\n    <h2 {...{\n      \"id\": \"installation\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#installation\",\n        \"aria-label\": \"installation permalink\",\n        \"className\": \"anchor before\"\n      }}><svg parentName=\"a\" {...{\n          \"width\": \"16px\",\n          \"height\": \"16px\",\n          \"viewBox\": \"0 0 24 24\",\n          \"version\": \"1.1\",\n          \"xmlns\": \"http://www.w3.org/2000/svg\",\n          \"xmlnsXLink\": \"http://www.w3.org/1999/xlink\"\n        }}>{`\n                `}<g parentName=\"svg\" {...{\n            \"id\": \"Icon/System/Hyperlink\",\n            \"stroke\": \"none\",\n            \"strokeWidth\": \"1\",\n            \"fill\": \"none\",\n            \"fillRule\": \"evenodd\"\n          }}>{`\n                    `}<g parentName=\"g\" {...{\n              \"id\": \"bounding-box\"\n            }}>{`\n                        `}<polygon parentName=\"g\" {...{\n                \"id\": \"shape\",\n                \"points\": \"0 0 24 0 24 24 0 24\"\n              }}></polygon>{`\n                    `}</g>{`\n                    `}<path parentName=\"g\" {...{\n              \"d\": \"M2.97056705,10.5950614 C4.54173031,7.27887278 8.49625508,5.854302 11.8239821,7.40797375 C13.7163188,8.30070362 15.0784176,10.0316702 15.5010931,12.0808775 C15.5847686,12.4865513 15.3237374,12.8832474 14.9180635,12.9669229 C14.5123896,13.0505983 14.1156936,12.7895671 14.0320181,12.3838932 C13.7046432,10.7967205 12.6496566,9.45603463 11.1866976,8.76586164 C8.60932967,7.56252773 5.54399976,8.66677658 4.32696827,11.2355079 L4.32696827,11.2355079 L2.53228159,15.0495337 C1.32882051,17.6273078 2.43304674,20.6930819 4.99986835,21.9096136 C7.57764239,23.1130747 10.6434165,22.0088484 11.8617986,19.4380931 C12.0391957,19.0637896 12.4864375,18.9041655 12.860741,19.0815627 C13.2350445,19.2589598 13.3946687,19.7062016 13.2172715,20.0805051 C11.6455484,23.3968011 7.69067395,24.8212622 4.36139006,23.2669369 C1.0450941,21.6952138 -0.379367033,17.7403393 1.17407024,14.4129359 L1.17407024,14.4129359 Z M10.8106553,3.99447201 C12.3823784,0.678176058 16.3372528,-0.746285079 19.6665996,0.808070034 C22.9820653,2.37977643 24.4063771,6.33358241 22.8538565,9.66074191 L22.8538565,9.66074191 L21.0573195,13.4787014 C19.4855963,16.7949973 15.5307219,18.2194585 12.2029859,16.6658646 C10.5847239,15.9034254 9.34257221,14.5202641 8.75785805,12.8296445 C8.62246787,12.4381826 8.83005498,12.0110847 9.22151682,11.8756945 C9.61297867,11.7403043 10.0400766,11.9478914 10.1754668,12.3393533 C10.6280876,13.6480432 11.5896234,14.718733 12.8399163,15.3078099 C15.4176903,16.5112709 18.4834644,15.4070447 19.7009585,12.8381699 L19.7009585,12.8381699 L21.4955823,9.02427881 C22.698284,6.44679832 21.5941735,3.38185245 19.0280584,2.16536354 C16.4502844,0.961902462 13.3845103,2.06612869 12.1661282,4.63688397 C11.988731,5.01118749 11.5414893,5.17081162 11.1671857,4.99341446 C10.7928822,4.8160173 10.6332581,4.36877553 10.8106553,3.99447201 Z\",\n              \"id\": \"Combined-Shape\",\n              \"fill\": \"#444444\",\n              \"fillRule\": \"nonzero\"\n            }}></path>{`\n                `}</g>{`\n              `}</svg></a>{`Installation`}</h2>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-bash\"\n      }}>{`npm install @nib-components/error-template\n`}</code></pre>\n    <blockquote>\n      <p parentName=\"blockquote\">{`Note: You will also need to install the peerDependencies `}<a parentName=\"p\" {...{\n          \"href\": \"/components/icons/\"\n        }}>{`@nib/icons`}</a>{` and `}<a parentName=\"p\" {...{\n          \"href\": \"/components/theme/\"\n        }}>{`@nib-components/theme`}</a>{`.`}</p>\n    </blockquote>\n    <h2 {...{\n      \"id\": \"usage\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#usage\",\n        \"aria-label\": \"usage permalink\",\n        \"className\": \"anchor before\"\n      }}><svg parentName=\"a\" {...{\n          \"width\": \"16px\",\n          \"height\": \"16px\",\n          \"viewBox\": \"0 0 24 24\",\n          \"version\": \"1.1\",\n          \"xmlns\": \"http://www.w3.org/2000/svg\",\n          \"xmlnsXLink\": \"http://www.w3.org/1999/xlink\"\n        }}>{`\n                `}<g parentName=\"svg\" {...{\n            \"id\": \"Icon/System/Hyperlink\",\n            \"stroke\": \"none\",\n            \"strokeWidth\": \"1\",\n            \"fill\": \"none\",\n            \"fillRule\": \"evenodd\"\n          }}>{`\n                    `}<g parentName=\"g\" {...{\n              \"id\": \"bounding-box\"\n            }}>{`\n                        `}<polygon parentName=\"g\" {...{\n                \"id\": \"shape\",\n                \"points\": \"0 0 24 0 24 24 0 24\"\n              }}></polygon>{`\n                    `}</g>{`\n                    `}<path parentName=\"g\" {...{\n              \"d\": \"M2.97056705,10.5950614 C4.54173031,7.27887278 8.49625508,5.854302 11.8239821,7.40797375 C13.7163188,8.30070362 15.0784176,10.0316702 15.5010931,12.0808775 C15.5847686,12.4865513 15.3237374,12.8832474 14.9180635,12.9669229 C14.5123896,13.0505983 14.1156936,12.7895671 14.0320181,12.3838932 C13.7046432,10.7967205 12.6496566,9.45603463 11.1866976,8.76586164 C8.60932967,7.56252773 5.54399976,8.66677658 4.32696827,11.2355079 L4.32696827,11.2355079 L2.53228159,15.0495337 C1.32882051,17.6273078 2.43304674,20.6930819 4.99986835,21.9096136 C7.57764239,23.1130747 10.6434165,22.0088484 11.8617986,19.4380931 C12.0391957,19.0637896 12.4864375,18.9041655 12.860741,19.0815627 C13.2350445,19.2589598 13.3946687,19.7062016 13.2172715,20.0805051 C11.6455484,23.3968011 7.69067395,24.8212622 4.36139006,23.2669369 C1.0450941,21.6952138 -0.379367033,17.7403393 1.17407024,14.4129359 L1.17407024,14.4129359 Z M10.8106553,3.99447201 C12.3823784,0.678176058 16.3372528,-0.746285079 19.6665996,0.808070034 C22.9820653,2.37977643 24.4063771,6.33358241 22.8538565,9.66074191 L22.8538565,9.66074191 L21.0573195,13.4787014 C19.4855963,16.7949973 15.5307219,18.2194585 12.2029859,16.6658646 C10.5847239,15.9034254 9.34257221,14.5202641 8.75785805,12.8296445 C8.62246787,12.4381826 8.83005498,12.0110847 9.22151682,11.8756945 C9.61297867,11.7403043 10.0400766,11.9478914 10.1754668,12.3393533 C10.6280876,13.6480432 11.5896234,14.718733 12.8399163,15.3078099 C15.4176903,16.5112709 18.4834644,15.4070447 19.7009585,12.8381699 L19.7009585,12.8381699 L21.4955823,9.02427881 C22.698284,6.44679832 21.5941735,3.38185245 19.0280584,2.16536354 C16.4502844,0.961902462 13.3845103,2.06612869 12.1661282,4.63688397 C11.988731,5.01118749 11.5414893,5.17081162 11.1671857,4.99341446 C10.7928822,4.8160173 10.6332581,4.36877553 10.8106553,3.99447201 Z\",\n              \"id\": \"Combined-Shape\",\n              \"fill\": \"#444444\",\n              \"fillRule\": \"nonzero\"\n            }}></path>{`\n                `}</g>{`\n              `}</svg></a>{`Usage`}</h2>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\"\n      }}>{`import ErrorTemplate from '@nib-components/error-template';\n`}</code></pre>\n    <h2 {...{\n      \"id\": \"interactive-demo\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#interactive-demo\",\n        \"aria-label\": \"interactive demo permalink\",\n        \"className\": \"anchor before\"\n      }}><svg parentName=\"a\" {...{\n          \"width\": \"16px\",\n          \"height\": \"16px\",\n          \"viewBox\": \"0 0 24 24\",\n          \"version\": \"1.1\",\n          \"xmlns\": \"http://www.w3.org/2000/svg\",\n          \"xmlnsXLink\": \"http://www.w3.org/1999/xlink\"\n        }}>{`\n                `}<g parentName=\"svg\" {...{\n            \"id\": \"Icon/System/Hyperlink\",\n            \"stroke\": \"none\",\n            \"strokeWidth\": \"1\",\n            \"fill\": \"none\",\n            \"fillRule\": \"evenodd\"\n          }}>{`\n                    `}<g parentName=\"g\" {...{\n              \"id\": \"bounding-box\"\n            }}>{`\n                        `}<polygon parentName=\"g\" {...{\n                \"id\": \"shape\",\n                \"points\": \"0 0 24 0 24 24 0 24\"\n              }}></polygon>{`\n                    `}</g>{`\n                    `}<path parentName=\"g\" {...{\n              \"d\": \"M2.97056705,10.5950614 C4.54173031,7.27887278 8.49625508,5.854302 11.8239821,7.40797375 C13.7163188,8.30070362 15.0784176,10.0316702 15.5010931,12.0808775 C15.5847686,12.4865513 15.3237374,12.8832474 14.9180635,12.9669229 C14.5123896,13.0505983 14.1156936,12.7895671 14.0320181,12.3838932 C13.7046432,10.7967205 12.6496566,9.45603463 11.1866976,8.76586164 C8.60932967,7.56252773 5.54399976,8.66677658 4.32696827,11.2355079 L4.32696827,11.2355079 L2.53228159,15.0495337 C1.32882051,17.6273078 2.43304674,20.6930819 4.99986835,21.9096136 C7.57764239,23.1130747 10.6434165,22.0088484 11.8617986,19.4380931 C12.0391957,19.0637896 12.4864375,18.9041655 12.860741,19.0815627 C13.2350445,19.2589598 13.3946687,19.7062016 13.2172715,20.0805051 C11.6455484,23.3968011 7.69067395,24.8212622 4.36139006,23.2669369 C1.0450941,21.6952138 -0.379367033,17.7403393 1.17407024,14.4129359 L1.17407024,14.4129359 Z M10.8106553,3.99447201 C12.3823784,0.678176058 16.3372528,-0.746285079 19.6665996,0.808070034 C22.9820653,2.37977643 24.4063771,6.33358241 22.8538565,9.66074191 L22.8538565,9.66074191 L21.0573195,13.4787014 C19.4855963,16.7949973 15.5307219,18.2194585 12.2029859,16.6658646 C10.5847239,15.9034254 9.34257221,14.5202641 8.75785805,12.8296445 C8.62246787,12.4381826 8.83005498,12.0110847 9.22151682,11.8756945 C9.61297867,11.7403043 10.0400766,11.9478914 10.1754668,12.3393533 C10.6280876,13.6480432 11.5896234,14.718733 12.8399163,15.3078099 C15.4176903,16.5112709 18.4834644,15.4070447 19.7009585,12.8381699 L19.7009585,12.8381699 L21.4955823,9.02427881 C22.698284,6.44679832 21.5941735,3.38185245 19.0280584,2.16536354 C16.4502844,0.961902462 13.3845103,2.06612869 12.1661282,4.63688397 C11.988731,5.01118749 11.5414893,5.17081162 11.1671857,4.99341446 C10.7928822,4.8160173 10.6332581,4.36877553 10.8106553,3.99447201 Z\",\n              \"id\": \"Combined-Shape\",\n              \"fill\": \"#444444\",\n              \"fillRule\": \"nonzero\"\n            }}></path>{`\n                `}</g>{`\n              `}</svg></a>{`Interactive demo`}</h2>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\",\n        \"metastring\": \"live\",\n        \"live\": true\n      }}>{`<ErrorTemplate title=\"[404]\" description=\"It looks like the page you're looking for cannot be found.\" invertSmallHeader={false}>\n  <SecondaryButton component=\"a\" href=\"https://www.nib.com.au\" id=\"ga-inlink-404-back-to-homepage\">\n    Back to homepage\n  </SecondaryButton>\n</ErrorTemplate>\n`}</code></pre>\n    <h2 {...{\n      \"id\": \"props\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#props\",\n        \"aria-label\": \"props permalink\",\n        \"className\": \"anchor before\"\n      }}><svg parentName=\"a\" {...{\n          \"width\": \"16px\",\n          \"height\": \"16px\",\n          \"viewBox\": \"0 0 24 24\",\n          \"version\": \"1.1\",\n          \"xmlns\": \"http://www.w3.org/2000/svg\",\n          \"xmlnsXLink\": \"http://www.w3.org/1999/xlink\"\n        }}>{`\n                `}<g parentName=\"svg\" {...{\n            \"id\": \"Icon/System/Hyperlink\",\n            \"stroke\": \"none\",\n            \"strokeWidth\": \"1\",\n            \"fill\": \"none\",\n            \"fillRule\": \"evenodd\"\n          }}>{`\n                    `}<g parentName=\"g\" {...{\n              \"id\": \"bounding-box\"\n            }}>{`\n                        `}<polygon parentName=\"g\" {...{\n                \"id\": \"shape\",\n                \"points\": \"0 0 24 0 24 24 0 24\"\n              }}></polygon>{`\n                    `}</g>{`\n                    `}<path parentName=\"g\" {...{\n              \"d\": \"M2.97056705,10.5950614 C4.54173031,7.27887278 8.49625508,5.854302 11.8239821,7.40797375 C13.7163188,8.30070362 15.0784176,10.0316702 15.5010931,12.0808775 C15.5847686,12.4865513 15.3237374,12.8832474 14.9180635,12.9669229 C14.5123896,13.0505983 14.1156936,12.7895671 14.0320181,12.3838932 C13.7046432,10.7967205 12.6496566,9.45603463 11.1866976,8.76586164 C8.60932967,7.56252773 5.54399976,8.66677658 4.32696827,11.2355079 L4.32696827,11.2355079 L2.53228159,15.0495337 C1.32882051,17.6273078 2.43304674,20.6930819 4.99986835,21.9096136 C7.57764239,23.1130747 10.6434165,22.0088484 11.8617986,19.4380931 C12.0391957,19.0637896 12.4864375,18.9041655 12.860741,19.0815627 C13.2350445,19.2589598 13.3946687,19.7062016 13.2172715,20.0805051 C11.6455484,23.3968011 7.69067395,24.8212622 4.36139006,23.2669369 C1.0450941,21.6952138 -0.379367033,17.7403393 1.17407024,14.4129359 L1.17407024,14.4129359 Z M10.8106553,3.99447201 C12.3823784,0.678176058 16.3372528,-0.746285079 19.6665996,0.808070034 C22.9820653,2.37977643 24.4063771,6.33358241 22.8538565,9.66074191 L22.8538565,9.66074191 L21.0573195,13.4787014 C19.4855963,16.7949973 15.5307219,18.2194585 12.2029859,16.6658646 C10.5847239,15.9034254 9.34257221,14.5202641 8.75785805,12.8296445 C8.62246787,12.4381826 8.83005498,12.0110847 9.22151682,11.8756945 C9.61297867,11.7403043 10.0400766,11.9478914 10.1754668,12.3393533 C10.6280876,13.6480432 11.5896234,14.718733 12.8399163,15.3078099 C15.4176903,16.5112709 18.4834644,15.4070447 19.7009585,12.8381699 L19.7009585,12.8381699 L21.4955823,9.02427881 C22.698284,6.44679832 21.5941735,3.38185245 19.0280584,2.16536354 C16.4502844,0.961902462 13.3845103,2.06612869 12.1661282,4.63688397 C11.988731,5.01118749 11.5414893,5.17081162 11.1671857,4.99341446 C10.7928822,4.8160173 10.6332581,4.36877553 10.8106553,3.99447201 Z\",\n              \"id\": \"Combined-Shape\",\n              \"fill\": \"#444444\",\n              \"fillRule\": \"nonzero\"\n            }}></path>{`\n                `}</g>{`\n              `}</svg></a>{`Props`}</h2>\n    <table>\n      <thead parentName=\"table\">\n        <tr parentName=\"thead\">\n          <th parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Prop`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Type`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Default`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Description`}</th>\n        </tr>\n      </thead>\n      <tbody parentName=\"table\">\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`title`}</inlineCode>{` `}<em parentName=\"td\">{`(required)`}</em></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`The error page title.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`description`}</inlineCode>{` `}<em parentName=\"td\">{`(required)`}</em></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`The error page description.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`showSmallHeaderMenu`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`boolean`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`false`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`A pass-through prop to the `}<inlineCode parentName=\"td\">{`showMenu`}</inlineCode>{` prop in the `}<inlineCode parentName=\"td\">{`SmallHeader`}</inlineCode>{` component to be used in conjunction with `}<inlineCode parentName=\"td\">{`smallLayout`}</inlineCode>{`. By default the small header footer layout shows no menu in the header. Set to `}<inlineCode parentName=\"td\">{`true`}</inlineCode>{` to use the config provided by the variation.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`variation`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`arhi`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Which version of the header/footer to use. One of `}<inlineCode parentName=\"td\">{`arhi`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`nz`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`shareholders`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`international`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`foundation`}</inlineCode>{`.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`isCorporate`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`boolean`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`false`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Use the corporate phone number from the variation config, if it exists. Otherwise use default.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`invertSmallHeader`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`boolean`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`false`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Whether to apply the `}<inlineCode parentName=\"td\">{`invert`}</inlineCode>{` prop to the `}<inlineCode parentName=\"td\">{`SmallHeader`}</inlineCode>{`.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`titleComponent`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`The underlying component of the error-template `}<inlineCode parentName=\"td\">{`title`}</inlineCode>{`.Must be one of `}<inlineCode parentName=\"td\">{`h1`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`h2`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`h3`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`h4`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`h5`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`h6`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`div`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`label`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`span`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`header`}</inlineCode>{`.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`titleSize`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`number or object`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`1`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`The size of the error-template `}<inlineCode parentName=\"td\">{`title`}</inlineCode>{`. Must be one of `}<inlineCode parentName=\"td\">{`1`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`2`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`3`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`4`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`5`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`6`}</inlineCode>{`. Can be made responsive by passing an object of breakpoints. If you are passing a responsive object, you `}<strong parentName=\"td\">{`must`}</strong>{` provide `}<inlineCode parentName=\"td\">{`xs`}</inlineCode>{` breakpoint value.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`containerWidth`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`string or object`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Sets the maximum width of the container. Must be one of `}<inlineCode parentName=\"td\">{`narrow`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`default`}</inlineCode>{` or `}<inlineCode parentName=\"td\">{`wide`}</inlineCode>{`. Can be made responsive by passing an object of breakpoints.`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}><inlineCode parentName=\"td\">{`children`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`node`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": \"left\"\n          }}>{`Place any relevant content like `}<inlineCode parentName=\"td\">{`buttons`}</inlineCode>{` here. Since version `}<inlineCode parentName=\"td\">{`3.0.1`}</inlineCode>{` there is no `}<inlineCode parentName=\"td\">{`max-width`}</inlineCode>{` set on the element wrapping the children.`}</td>\n        </tr>\n      </tbody>\n    </table>\n    <h2 {...{\n      \"id\": \"related-components\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#related-components\",\n        \"aria-label\": \"related components permalink\",\n        \"className\": \"anchor before\"\n      }}><svg parentName=\"a\" {...{\n          \"width\": \"16px\",\n          \"height\": \"16px\",\n          \"viewBox\": \"0 0 24 24\",\n          \"version\": \"1.1\",\n          \"xmlns\": \"http://www.w3.org/2000/svg\",\n          \"xmlnsXLink\": \"http://www.w3.org/1999/xlink\"\n        }}>{`\n                `}<g parentName=\"svg\" {...{\n            \"id\": \"Icon/System/Hyperlink\",\n            \"stroke\": \"none\",\n            \"strokeWidth\": \"1\",\n            \"fill\": \"none\",\n            \"fillRule\": \"evenodd\"\n          }}>{`\n                    `}<g parentName=\"g\" {...{\n              \"id\": \"bounding-box\"\n            }}>{`\n                        `}<polygon parentName=\"g\" {...{\n                \"id\": \"shape\",\n                \"points\": \"0 0 24 0 24 24 0 24\"\n              }}></polygon>{`\n                    `}</g>{`\n                    `}<path parentName=\"g\" {...{\n              \"d\": \"M2.97056705,10.5950614 C4.54173031,7.27887278 8.49625508,5.854302 11.8239821,7.40797375 C13.7163188,8.30070362 15.0784176,10.0316702 15.5010931,12.0808775 C15.5847686,12.4865513 15.3237374,12.8832474 14.9180635,12.9669229 C14.5123896,13.0505983 14.1156936,12.7895671 14.0320181,12.3838932 C13.7046432,10.7967205 12.6496566,9.45603463 11.1866976,8.76586164 C8.60932967,7.56252773 5.54399976,8.66677658 4.32696827,11.2355079 L4.32696827,11.2355079 L2.53228159,15.0495337 C1.32882051,17.6273078 2.43304674,20.6930819 4.99986835,21.9096136 C7.57764239,23.1130747 10.6434165,22.0088484 11.8617986,19.4380931 C12.0391957,19.0637896 12.4864375,18.9041655 12.860741,19.0815627 C13.2350445,19.2589598 13.3946687,19.7062016 13.2172715,20.0805051 C11.6455484,23.3968011 7.69067395,24.8212622 4.36139006,23.2669369 C1.0450941,21.6952138 -0.379367033,17.7403393 1.17407024,14.4129359 L1.17407024,14.4129359 Z M10.8106553,3.99447201 C12.3823784,0.678176058 16.3372528,-0.746285079 19.6665996,0.808070034 C22.9820653,2.37977643 24.4063771,6.33358241 22.8538565,9.66074191 L22.8538565,9.66074191 L21.0573195,13.4787014 C19.4855963,16.7949973 15.5307219,18.2194585 12.2029859,16.6658646 C10.5847239,15.9034254 9.34257221,14.5202641 8.75785805,12.8296445 C8.62246787,12.4381826 8.83005498,12.0110847 9.22151682,11.8756945 C9.61297867,11.7403043 10.0400766,11.9478914 10.1754668,12.3393533 C10.6280876,13.6480432 11.5896234,14.718733 12.8399163,15.3078099 C15.4176903,16.5112709 18.4834644,15.4070447 19.7009585,12.8381699 L19.7009585,12.8381699 L21.4955823,9.02427881 C22.698284,6.44679832 21.5941735,3.38185245 19.0280584,2.16536354 C16.4502844,0.961902462 13.3845103,2.06612869 12.1661282,4.63688397 C11.988731,5.01118749 11.5414893,5.17081162 11.1671857,4.99341446 C10.7928822,4.8160173 10.6332581,4.36877553 10.8106553,3.99447201 Z\",\n              \"id\": \"Combined-Shape\",\n              \"fill\": \"#444444\",\n              \"fillRule\": \"nonzero\"\n            }}></path>{`\n                `}</g>{`\n              `}</svg></a>{`Related components`}</h2>\n    <ul>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"/components/header-footer-layout/\"\n        }}>{`Header Footer Layout`}</a></li>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"/components/header/\"\n        }}>{`Header`}</a></li>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"/components/footer/\"\n        }}>{`Footer`}</a></li>\n    </ul>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      "],"sourceRoot":""}