From 549f1a79c7af1bc02be6626533caf3a3bdb4f1ea Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 15 Jun 2024 21:02:46 +0530
Subject: [PATCH] feat: dropdown

---
 src/components/atoms/DropdownMui.tsx | 29 ++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/atoms/DropdownMui.tsx

diff --git a/src/components/atoms/DropdownMui.tsx b/src/components/atoms/DropdownMui.tsx
new file mode 100644
index 00000000..b74b5f2a
--- /dev/null
+++ b/src/components/atoms/DropdownMui.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { FormControl, InputLabel, Select } from "@mui/material";
+import { SelectChangeEvent } from "@mui/material/Select/Select";
+
+interface DropdownProps {
+  id: string;
+  label: string;
+  value: string | undefined;
+  handleSelect: (event: SelectChangeEvent) => void;
+  children? : React.ReactNode;
+};
+
+export const Dropdown = ({id, label, value, handleSelect, children}: DropdownProps) => {
+  return (
+    <FormControl sx={{ minWidth: 120 }} size="small">
+      <InputLabel id={id}>{label}</InputLabel>
+      <Select
+        labelId={id}
+        name = {id}
+        value={value}
+        label={label}
+        onChange={handleSelect}
+        size='small'
+      >
+        {children}
+      </Select>
+    </FormControl>
+  );
+};