From ca39dc42bf5d1e9676fd2af699a2a352eb09126d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CSalar?= <“salar.sali97@gmail.com”>
Date: Tue, 16 Aug 2022 13:06:20 +0300
Subject: [PATCH] Input group - Add a new style

---
 src/components/Inputgroup.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Inputgroup.tsx b/src/components/Inputgroup.tsx
index cc06015..eb62bbd 100644
--- a/src/components/Inputgroup.tsx
+++ b/src/components/Inputgroup.tsx
@@ -14,7 +14,7 @@ export type Props = {
   children?: React.ReactNode | React.ReactNode[];
 } & React.HTMLProps<HTMLDivElement>;
 
-const Inputgroup = ({ children }: Props) => {
+const Inputgroup = ({ children, className }: Props) => {
   const [focused, setFocused] = useState(false);
   useEffect(() => {}, [focused]);
   const arrChildren = React.Children.toArray(children);
@@ -23,7 +23,8 @@ const Inputgroup = ({ children }: Props) => {
     <div
       className={classNames(
         "border border-gray-200 rounded flex items-center p-1 m-4",
-        focused ? "border-gray-900" : "border-gray-300"
+        focused ? "border-gray-900" : "border-gray-300",
+        className
       )}
     >
       {arrChildren.map((e) => {