<view class="
  scanpass-search-bar-wrapper
  {{ focus ? 'focus' : 'blur' }}
  {{ !focus && !value ? 'showPlaceholder' : '' }}
  {{ focus && value ? 'showClearIcon' : '' }}
">
  <search-bar
    placeholder="{{ placeholder }}"
    showCancelButton="{{ focus }}"
    value="{{ value }}"
    focus="{{ focus }}"

    onFocus="onFocus"
    onCancel="onCancel"
    onClear="onClear"
    onInput="onInput"
  />
</view>
