<script setup lang="ts">
import { X } from 'lucide-vue-next'
import { Button } from '@/components/ui/button'

defineEmits<{ clear: [] }>()
</script>

<template>
  <Button variant="ghost" size="sm" class="h-8 px-2 lg:px-3" @click="$emit('clear')">
    Reset
    <X class="ml-2 h-4 w-4" />
  </Button>
</template>
