Dynamically generate themes, and search engines

2025-04-07 21:22:04 -06:00
parent 415af11053
commit 8af7b073fa
8 changed files with 77 additions and 10 deletions
@@ -0,0 +1,17 @@
+---
+import type { DropdownOptions } from "@utils/types";
+interface Props {
+    title?: string;
+    id: string;
+    options: DropdownOptions[];
+}
+
+const { title, id, options } = Astro.props;
+---
+<select id=`dropdownBox-${id}` class="flex h-10 w-[180px] items-center justify-between text-(--foreground) background-(--background) rounded-lg border border-(--border) px-3 py-2">
+    {options.map((el) => 
+        <option class="w-full bg-(--accent) rounded-sm p-1" value={el.value}>{el.name}</option>
+    )}
+</select>
+<script>
+</script>