<template>
  <div class="searchwrap">
    <ui-select :items="itemList" @input="getSelectValue" :type="'board'" :value="filterValue" :className="'searchselect'"/>
    <input :class="'searchinput'" type="text" :placeholder="$t('front.search.emptySearch')" v-model="filterText"/>
    <a @click="onSearch" class="searchicon"></a>
  </div>
</template>

<script>
import UiSelect from '@/components/ui/UiSelect'
import BoardFilter from '@/components/common/BoardFilter'

export default {
  name: 'BoardFilterMobile',
  components: {
    UiSelect
  },
  mixins: [BoardFilter]
}
</script>
<style scoped src="@/styles_mobile/common.css"></style>
<style scoped src="@/styles_mobile/board.css"></style>
<style scoped src="@/styles_mobile/subcommon.css"></style>
