- const attrObj = Object.entries($attrs).reduce((acc, [attrName, attrVal]) => Object.assign(acc, {[attrName]: attrVal}), {type: 'text'})
.mp-icon-input-container
  .mp-icon-input-icon
    if $attrs['icon']
      svg-icon(attrs={icon: $attrs['icon']})
  input.mp-icon-input-input(
    attrs=attrObj
    class={'mp-icon-input-rounded': $attrs['rounded']}
    on={
      input: $helpers.handleInput,
    }
    props={value: inputValue}
  )
  if inputValue
    .mp-icon-input-clear-icon
      svg-icon(
        attrs={icon: `x-clear-search`}
        on={click: $helpers.clearInput}
      )