@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 667 B
JavaScript
import{jsx as e}from"react/jsx-runtime";import{InputAdornment as t}from"@mui/material";import{space as n}from"../../BrandCore/primitiveVariables.js";import r from"../InputFieldBase/InputFieldBase.js";const i=({startAdornment:i,endAdornment:o,placeholder:a,onChange:s,internalChange:l,inputRef:p,...d})=>e(r,{placeholder:a,sx:{height:n[500],"& .MuiOutlinedInput-input":{pl:i?1:2,pr:i?1:2}},inputRef:p,InputProps:{startAdornment:i?e(t,{position:"start",disablePointerEvents:d.disabled,sx:{pl:1},children:i}):null,endAdornment:o?e(t,{position:"start",disablePointerEvents:d.disabled,sx:{pr:1},children:o}):null},...d,onChange:e=>{s&&s(e),l&&l()}});export{i as default};