import Page from 'shared/components/wrappers/page.js' import useApp from 'site/hooks/useApp.js' import Head from 'next/head' import Link from 'next/link' import About from 'site/components/about.js' import { useTranslation } from 'next-i18next' import { defaultVersion, formatVersionTitle, formatVersionUri } from 'site/components/version-picker.js' const links = (section, list, version) => list.map(design => (
  • {design}
    • )) const PatternListPageTemplate = ({ sections=false, version=false }) => { const app = useApp() const { t } = useTranslation(['app']) if (sections === false) sections = Object.keys(app.patterns) return (
    {Object.keys(app.navigation).map(section => { if (sections.indexOf(section) !== -1) return (

    {t(app.navigation[section].__title)}

      {links(section, app.patterns[section], version)}
    ) else return null })}
    ) } export default PatternListPageTemplate