<script setup>
import { Search as IconSearch } from '@element-plus/icons-vue';

const props = defineProps({
  modelValue: String,
})
const emits = defineEmits(["update:modelValue", "search"])

let keyword = $ref(props.modelValue)
</script>

<template>
  <el-input class="input w-500px h-50px rounded-md" placeholder="搜索关键字" v-model="keyword"
    @change="emits('update:modelValue',$event)">
    <template #suffix>
      <div class="w-26px h-26px bg-hex-00A3FF rounded-md flex justify-center items-center cursor-pointer"
        @click="emits('search')">
        <el-icon size="13" color="#fff">
          <IconSearch />
        </el-icon>
      </div>
    </template>
  </el-input>
</template>
