1 files changed, 20 insertions, 0 deletions
diff --git a/Pages/Component/Switch.razor b/Pages/Component/Switch.razor
new file mode 100644
index 0000000..d11ac81
--- /dev/null
+++ b/Pages/Component/Switch.razor
@@ -0,0 +1,20 @@
+<link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>
+
+<label>
+  <input
+      type="checkbox"
+      checked=@InitialValue
+      @onchange=@(e => OnToggle.InvokeAsync((e.Value as bool?) ?? false))
+      hidden/>
+  <div class="switch-outer">
+    <div class="switch-inner"/>
+  </div>
+</label>
+
+@code {
+    [Parameter]
+    public bool InitialValue { get; set; } = false;
+
+    [Parameter]
+    public EventCallback<bool> OnToggle { get; set; }
+}