diff --git a/src/App.js b/src/App.js
index caf6076..1327250 100644
--- a/src/App.js
+++ b/src/App.js
@@ -272,7 +272,7 @@ function App() {
{/* */}
{/* */}
-
+ {/* */}
);
diff --git a/src/components/CustomSelectBox/index.js b/src/components/CustomSelectBox/index.js
new file mode 100644
index 0000000..ebdc19f
--- /dev/null
+++ b/src/components/CustomSelectBox/index.js
@@ -0,0 +1,22 @@
+import React from "react";
+
+const CustomSelectBox = ({ options }) => {
+ return (
+
+ );
+};
+
+export default CustomSelectBox;
+
+CustomSelectBox.defaultProps = {
+ options: [
+ { title: "میزان تحصیلات" },
+ { title: "کارشناسی" },
+ { title: "ارشد" },
+ { title: "دکتری" },
+ ],
+};
diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js
index 8311252..7372a25 100644
--- a/src/components/FormInput/index.js
+++ b/src/components/FormInput/index.js
@@ -3,6 +3,7 @@ import { useForm } from "react-hook-form";
import DateRangePicker from "../DateRangePicker";
import Input from "../AnimatedInput/Input";
+import CustomSelectBox from "../CustomSelectBox";
const FormInput = () => {
const { register, getValues } = useForm();
@@ -37,12 +38,7 @@ const FormInput = () => {
borderClassname={`border-transparent `}
className={``}
/>
- {" "}
+
{
borderClassname={`border-transparent `}
className={``}
/>
-
+
> CustomSelectBox <<--
.customizeSelect {
background-position: left 0.5rem center;
padding-right: 1rem;