From 61f93ade460bd5d41a56a475f2ebf83c050bb1cd Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 12 Sep 2024 22:44:59 +0530
Subject: [PATCH] feat: sx prop for custom dropdown

---
 src/components/atoms/DropdownMui.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/atoms/DropdownMui.tsx b/src/components/atoms/DropdownMui.tsx
index ff97ff71..c041386d 100644
--- a/src/components/atoms/DropdownMui.tsx
+++ b/src/components/atoms/DropdownMui.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormControl, InputLabel, Select } from "@mui/material";
 import { SelectChangeEvent } from "@mui/material/Select/Select";
+import { SxProps } from '@mui/system';
 
 interface DropdownProps {
   id: string;
@@ -8,9 +9,10 @@ interface DropdownProps {
   value: string | undefined;
   handleSelect: (event: SelectChangeEvent) => void;
   children?: React.ReactNode;
+  sx?: SxProps;
 };
 
-export const Dropdown = ({ id, label, value, handleSelect, children }: DropdownProps) => {
+export const Dropdown = ({ id, label, value, handleSelect, children, sx }: DropdownProps) => {
   return (
     <FormControl sx={{ minWidth: 120 }} size="small">
       <InputLabel id={id}>{label}</InputLabel>
@@ -21,6 +23,7 @@ export const Dropdown = ({ id, label, value, handleSelect, children }: DropdownP
         label={label}
         onChange={handleSelect}
         size='small'
+        sx={sx}
       >
         {children}
       </Select>