refactor(components): extract MetaItem from MetaList

* replace `items` prop on MetaList with `children` prop: it was too
restrictive and the global options was not really useful. It is better
too give control to the consumers.

1 files changed, 12 insertions, 14 deletions

diff --git a/src/pages/projets/index.tsx b/src/pages/projets/index.tsx
index 97b43e3..8feb701 100644
--- a/src/pages/projets/index.tsx
+++ b/src/pages/projets/index.tsx
@@ -19,6 +19,7 @@ import {
   Link,
   MetaList,
   PageLayout,
+  MetaItem,
 } from '../../components';
 import PageContent, { meta } from '../../content/pages/projects.mdx';
 import styles from '../../styles/pages/projects.module.scss';
@@ -86,20 +87,17 @@ const ProjectsPage: NextPageWithLayout<ProjectsPageProps> = ({ projects }) => {
             }
             meta={
               technologies ? (
-                <MetaList
-                  hasBorderedValues
-                  hasInlinedValues
-                  isCentered
-                  items={[
-                    {
-                      id: 'technologies',
-                      label: metaLabel,
-                      value: technologies.map((techno) => {
-                        return { id: techno, value: techno };
-                      }),
-                    },
-                  ]}
-                />
+                <MetaList isCentered>
+                  <MetaItem
+                    hasBorderedValues
+                    hasInlinedValues
+                    isCentered
+                    label={metaLabel}
+                    value={technologies.map((techno) => {
+                      return { id: techno, value: techno };
+                    })}
+                  />
+                </MetaList>
               ) : undefined
             }
             isCentered