2 files changed, 41 insertions, 0 deletions
diff --git a/src/containers/Home.tsx b/src/containers/Home.tsx
new file mode 100644
index 0000000..7f62186
--- /dev/null
+++ b/src/containers/Home.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import Paper from '../components/Paper';
+import Button from '../components/Button';
+
+const Home: React.FC = () => (
+  <Paper>
+    <p>
+      Привет, мир!
+      <Button>Нажми меня</Button>
+      <Button variant="outlined">Отменить</Button>
+    </p>
+  </Paper>
+);
+
+export default Home;
diff --git a/src/containers/Products.tsx b/src/containers/Products.tsx
new file mode 100644
index 0000000..c96e6a9
--- /dev/null
+++ b/src/containers/Products.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import Paper from '../components/Paper';
+import ListTable from '../components/ListTable';
+
+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 Home: React.FC = () => (
+  <Paper>
+    <ListTable items={items} fields={fields} />
+  </Paper>
+);
+
+export default Home;