1 files changed, 35 insertions, 0 deletions
diff --git a/Pages/Component/TabContainer.razor b/Pages/Component/TabContainer.razor
new file mode 100644
index 0000000..3caab0b
--- /dev/null
+++ b/Pages/Component/TabContainer.razor
@@ -0,0 +1,35 @@
+<link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>
+
+<div class="tabs">
+    @foreach(var pane in Panes) {
+        <a href="javascript:;" @onclick=@(() => ActivePane = pane) class="@(pane == ActivePane ? "selected" : "")">
+            @pane.Title
+        </a>
+    }
+</div>
+
+<CascadingValue Value="this">
+    @ChildContent
+</CascadingValue>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    public TabPane? ActivePane { get; set; }
+    List<TabPane> Panes = new();
+
+    public void AddPane(TabPane tabPane) {
+        Panes.Add(tabPane);
+        if(Panes.Count == 1)
+            ActivePane = tabPane;
+        StateHasChanged();
+    }
+
+    public void RemovePane(TabPane tabPane) {
+        if(ActivePane == tabPane)
+            ActivePane = Panes.ElementAtOrDefault(0);
+        Panes.Remove(tabPane);
+        StateHasChanged();
+    }
+}
+\ No newline at end of file