@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 909 B
JavaScript
;var n=require("react/jsx-runtime"),e=require("@mui/material"),t=require("../../BrandCore/Icon/Icon.js"),i=require("../../BrandCore/primitiveVariables.js"),r=require("../InputFieldBase/InputFieldBase.js");const o=e.styled(r)(({theme:n})=>({"& .MuiInputBase-root":{paddingTop:0,paddingBottom:0,minHeight:i.space[500],alignItems:"baseline","& .MuiInputBase-input":{},"& .MuiInputAdornment-root.MuiInputAdornment-positionStart":{alignSelf:"self-end",height:t.iconSizeMap.xl,marginTop:n.spacing(1),marginBottom:n.spacing(1),"&:first-of-type":{alignSelf:"self-start"}}}}));module.exports=({startAdornment:t,endAdornment:i,onChange:r,internalChange:a,inputRef:s,...u})=>n.jsx(o,{multiline:!0,inputRef:s,InputProps:{startAdornment:t?n.jsx(e.InputAdornment,{position:"start",children:t}):null,endAdornment:i?n.jsx(e.InputAdornment,{position:"start",children:i}):null},...u,onChange:n=>{r&&r(n),a&&a()}});