fix bug field text mui

app/component/ThemeRegistry.js

@@ -11,7 +11,7 @@ import theme from '../theme/theme';
 export default function ThemeRegistry({
     children
 }) {
-    const options = {key: 'mui'}
+    const options = { key: 'mui' }
     const [{ cache, flush }] = React.useState(() => {
         const cache = createCache(options);
         cache.compat = true;

app/component/element/Field.js

@@ -0,0 +1,48 @@
+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