48 lines
1.6 KiB
JavaScript
48 lines
1.6 KiB
JavaScript
import { TextField } from "@mui/material"
|
|
|
|
function Field({ title, type, isPlaceHolder }) {
|
|
return (
|
|
<TextField
|
|
label={title}
|
|
type={type || 'text'}
|
|
className="!w-full !mx-auto !bg-[#FFF]"
|
|
sx={{
|
|
'& .mui-fxnuf-MuiFormLabel-root-MuiInputLabel-root': {
|
|
right: '30px'
|
|
},
|
|
'& .mui-18r6uqa-MuiFormLabel-root-MuiInputLabel-root': {
|
|
right: '0',
|
|
left: 'auto',
|
|
background: '#FFF',
|
|
padding: '0 10px'
|
|
},
|
|
'& .mui-14lo706': {
|
|
display: 'none'
|
|
},
|
|
'& .MuiFormLabel-root': {
|
|
top: '-4px !important'
|
|
},
|
|
|
|
// Hide Icon Number
|
|
'& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
|
|
display: 'none'
|
|
},
|
|
'& input[type=number]': {
|
|
MozAppearance: 'textfield'
|
|
},
|
|
|
|
'& .MuiInputBase-input': { padding: '12.5px 14px' },
|
|
'& .MuiInputBase-root': { borderRadius: '6px !important' },
|
|
'& .MuiOutlinedInput-notchedOutline': { border: '1px solid #E9ECEF !important' },
|
|
".Mui-focused": {
|
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
border: '1px solid #0FA1B3 !important',
|
|
transition: '0.5s all'
|
|
}
|
|
}
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default Field |