<script setup lang="ts">
/**
 * 通用搜索栏容器
 */
defineProps<{ showDivider?: boolean }>()
</script>

<template>
  <div :class="['search-bar-wrapper', { 'with-divider': showDivider }]">
    <slot />
  </div>
</template>

<style lang="scss" scoped>
.search-bar-wrapper {
  padding: 16px 20px;
  &.with-divider {
    border-bottom: 1px solid $color-border-light;
    padding-bottom: 16px;
  }
}
</style>
