first commit

2023-01-16 13:09:45 -05:00
commit a6ebce376c
271 changed files with 39454 additions and 0 deletions
@@ -0,0 +1,40 @@
+import React from "react";
+import Icons from "../../Icons";
+
+export default function InputCom({
+  label,
+  type,
+  name,
+  placeholder,
+  iconName,
+  inputHandler,
+  value,
+}) {
+  return (
+    <div className="input-com">
+      {label && (
+        <label
+          className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5"
+          htmlFor={name}
+        >
+          {label}
+        </label>
+      )}
+      <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  dark:border-[#5356fb29] w-full rounded-[50px] h-[58px] overflow-hidden relative ">
+        <input
+          placeholder={placeholder}
+          value={value}
+          onChange={inputHandler}
+          className="input-field placeholder:text-base text-bese px-6 text-dark-gray dark:text-white w-full h-full bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-0 focus:outline-none"
+          type={type}
+          id={name}
+        />
+        {iconName && (
+          <div className="absolute right-6 bottom-[19px] z-10">
+            <Icons name={iconName} />
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}