From a5d491256fd058796162ef9e234b7b5fea6b6ef0 Mon Sep 17 00:00:00 2001
From: Jonas Dellinger <jonas@dellinger.dev>
Date: Thu, 26 May 2022 13:33:25 +0200
Subject: [PATCH] Use new exported components

---
 src/index.tsx | 47 ++++++++++++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index 7d91c6c..bd17cff 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,8 +1,10 @@
 import {
-  Button,
+  ButtonItem,
   definePlugin,
   Menu,
   MenuItem,
+  PanelSection,
+  PanelSectionRow,
   ServerAPI,
   showModal,
   staticClasses,
@@ -35,24 +37,31 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
   // };
 
   return (
-    <div>
-      <Button
-        layout="below"
-        onClick={(e) =>
-          showModal(
-            <Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}>
-              <MenuItem onSelected={() => {}}>Item #1</MenuItem>
-              <MenuItem onSelected={() => {}}>Item #2</MenuItem>
-              <MenuItem onSelected={() => {}}>Item #3</MenuItem>
-            </Menu>,
-            e.currentTarget ?? window
-          )
-        }
-      >
-        Server says yolo
-      </Button>
-      <img src={logo} />
-    </div>
+    <PanelSection title="Panel Section">
+      <PanelSectionRow>
+        <ButtonItem
+          layout="below"
+          onClick={(e) =>
+            showModal(
+              <Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}>
+                <MenuItem onSelected={() => {}}>Item #1</MenuItem>
+                <MenuItem onSelected={() => {}}>Item #2</MenuItem>
+                <MenuItem onSelected={() => {}}>Item #3</MenuItem>
+              </Menu>,
+              e.currentTarget ?? window
+            )
+          }
+        >
+          Server says yolo
+        </ButtonItem>
+      </PanelSectionRow>
+
+      <PanelSectionRow>
+        <div style={{ display: "flex", justifyContent: "center" }}>
+          <img src={logo} />
+        </div>
+      </PanelSectionRow>
+    </PanelSection>
   );
 };