<template>
  <dir class="list-header-wrapper">
    <div v-if="hasSearch" class="list-header__search">
      <slot name="search"></slot>
    </div>
    <div v-if="hasFilter" class="list-header__filter">
      <slot name="filter" />
    </div>
  </dir>
</template>
<script>
export default {
  name: 'rtListHeader',
  computed: {
    hasSearch() {
      return !!this.$slots.search;
    },
    hasFilter() {
      return !!this.$slots.filter;
    }
  }
};
</script>
<style lang="less">
.list-header__filter {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
    .advance-filter-wrapper{
      padding: 0 15px;
    }
}
.list-header__search {
    display: flex;
    align-items: center;
    .advance-filter-wrapper{
      padding: 0 15px 0 0;
    }
}
</style>


