ChannelDeck working prototype

components/DeckSidebar.tsx

@@ -0,0 +1,20 @@
+import { useState } from "@webpack/common";
+import "./DeckSidebar.css";
+
+import { cl } from "./util";
+
+enum SidebarTabs {
+    ADD_CHANNEL = "add_channel",
+    DECKS = "decks",
+    CONFIGURE = "configure"
+}
+
+export default function DeckSidebar() {
+    const [tab, setTab] = useState<SidebarTabs | null>(null);
+    const toggleTab = (value) => setTab((current) => current === value ? null : value);
+    return <div className={cl("sidebar")} data-tab={tab}>
+        <div className={cl("sidebar-items")}>
+
+        </div>
+    </div>;
+}