<template>
    <div class="tp-shop-top-select text-md-end">
      <ui-nice-select
        :options="[
          { value: '', text: 'Selecciona' },
          { value: 'low-to-high', text: 'Menor a mayor' },
          { value: 'high-to-low', text: 'Mayor a menor' },
          { value: 'new-added', text: 'Recientes' },
        ]"
        name="Select Category"
        :default-current="0"
        @onChange="handleSelect"
      />
    </div>
</template>

<script setup lang="ts">
const emit = defineEmits(['handleSelectFilter'])
const handleSelect = (e: { value: string; text: string }) => {
  emit('handleSelectFilter', e);

};
</script>
