From 9e0fde7ed793426d9a3ed8c79e56bc95c01486b2 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 00:47:33 +0300
Subject: feat: implement ListTable

---
 src/index.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 779f0d0..4c354f4 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,12 +4,28 @@ import 'tailwindcss/tailwind.css';
 import Paper from './components/Paper';
 import Header from './components/Header';
 import Button from './components/Button';
+import ListTable from './components/ListTable';
 
 const navigation = [
   { name: 'Главная', route: '/'},
   { name: 'Товары', route: '/products'}
 ];
 
+const fields = [
+  { key: '_id', label: 'ID' },
+  { key: 'name', label: 'Название' },
+  { key: 'type', label: 'Тип' },
+];
+
+const items = [
+  { _id: 1, name: 'Товар 1', type: 'Кондиционер' },
+  { _id: 2, name: 'Товар 2', type: 'Кондиционер' },
+  { _id: 3, name: 'Товар 3', type: 'Кондиционер' },
+  { _id: 4, name: 'Товар 4', type: 'Кондиционер' },
+  { _id: 5, name: 'Товар 5', type: 'Кондиционер' },
+  { _id: 6, name: 'Товар 6', type: 'Кондиционер' },
+];
+
 const App: React.FC = () => (
   <>
     <Header navigation={navigation} />
@@ -19,6 +35,7 @@ const App: React.FC = () => (
         <Button>Нажми меня</Button>
         <Button variant="outlined">Отменить</Button>
       </p>
+      <ListTable items={items} fields={fields} />
     </Paper>
   </>
 );
-- 
cgit v1.2.3