From 40c00fc12b84fe1d5c6750f9f73a7f66957b1b20 Mon Sep 17 00:00:00 2001
From: kachbit <kacherpearce@gmail.com>
Date: Sun, 19 Nov 2023 15:07:32 -0800
Subject: [PATCH] added select component

---
 frontend/src/components/ui/select.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/components/ui/select.tsx

diff --git a/frontend/src/components/ui/select.tsx b/frontend/src/components/ui/select.tsx
new file mode 100644
index 0000000..6d4d943
--- /dev/null
+++ b/frontend/src/components/ui/select.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export interface SelectProps
+  extends React.SelectHTMLAttributes<HTMLSelectElement> {}
+
+const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <select
+        className={cn(
+          "block appearance-none w-full text-sm shadow-sm rounded-md border border-input bg-white py-2 px-3 focus:outline-none focus:border-black",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+
+Select.displayName = "Select";
+
+export { Select };