Use new exported components

src/index.tsx

@@ -1,8 +1,10 @@
 import {
-  Button,
+  ButtonItem,
   definePlugin,
   Menu,
   MenuItem,
+  PanelSection,
+  PanelSectionRow,
   ServerAPI,
   showModal,
   staticClasses,
@@ -35,8 +37,9 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
   // };
 
   return (
-    <div>
-      <Button
+    <PanelSection title="Panel Section">
+      <PanelSectionRow>
+        <ButtonItem
           layout="below"
           onClick={(e) =>
             showModal(
@@ -50,9 +53,15 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
           }
         >
           Server says yolo
-      </Button>
+        </ButtonItem>
+      </PanelSectionRow>
+
+      <PanelSectionRow>
+        <div style={{ display: "flex", justifyContent: "center" }}>
           <img src={logo} />
         </div>
+      </PanelSectionRow>
+    </PanelSection>
   );
 };