First Commit

components/elements/ColorSchemeSelector.tsx

@@ -0,0 +1,19 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+import Toggle, { TWUI_TOGGLE_PROPS } from "./Toggle";
+
+export default function ColorSchemeSelector({
+    toggleProps,
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    toggleProps?: TWUI_TOGGLE_PROPS;
+}) {
+    return (
+        <div
+            {...props}
+            className={twMerge("flex flex-row items-center", props.className)}
+        >
+            <Toggle {...toggleProps} />
+        </div>
+    );
+}