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