Initial open-source self-hosted Songs2YT edition

components/CategorySelect.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { YOUTUBE_CATEGORIES } from "@/lib/constants";
+
+type Props = {
+  value: string;
+  onChange: (value: string) => void;
+};
+
+export function CategorySelect({ value, onChange }: Props) {
+  return (
+    <select
+      value={value}
+      onChange={(e) => onChange(e.target.value)}
+      className="w-full rounded border border-gray-600 bg-surface-light px-3 py-2 text-sm text-white focus:border-accent focus:outline-none"
+    >
+      {YOUTUBE_CATEGORIES.map((cat) => (
+        <option key={cat.id} value={cat.id}>
+          {cat.name}
+        </option>
+      ))}
+    </select>
+  );
+}