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' const links = (section, list) => list.map(design => (
  • {design}
    • )) const PatternListPageTemplate = ({ sections=false }) => { const app = useApp() const { t } = useTranslation(['app']) if (sections === false) sections = Object.keys(app.patterns) return (

    {t('docs')}

    {Object.keys(app.navigation).map(section => { if (sections.indexOf(section) !== -1) return (

    {app.navigation[section].__title}

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