43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
import EditGrayA from "@/components/icons/EditGrayA";
|
|
import EditOrangeA from "@/components/icons/EditOrangeA";
|
|
import { Button, TextField } from "@mui/material";
|
|
|
|
function FieldIcon({ changeData, icon, placeholder, name }) {
|
|
return (
|
|
<div className="relative w-full">
|
|
<TextField
|
|
placeholder={placeholder || ""}
|
|
type="text"
|
|
className="!w-full"
|
|
onChange={(e) => {
|
|
changeData(e.target.value, name);
|
|
}}
|
|
sx={{
|
|
"& .MuiFormLabel-root": {
|
|
top: "-4px !important",
|
|
},
|
|
"& .MuiInputBase-input": { padding: "12.5px 14px" },
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
border: "1px solid #D7D7D7 !important",
|
|
},
|
|
"& .MuiInputBase-root": {
|
|
padding: "0 !important",
|
|
borderRadius: "8px !important",
|
|
},
|
|
".Mui-focused": {
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
border: "1px solid #5559CE !important",
|
|
transition: "0.5s all",
|
|
},
|
|
},
|
|
}}
|
|
/>
|
|
<Button className="!absolute !top-1/2 !left-[8px] !-translate-y-1/2 !min-w-fit !p-1">
|
|
{icon}
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default FieldIcon;
|