opendesk

1<template>
2  <Button
3    ref="buttonRef"
4    :key="label"
5    theme="gray"
6    variant="outline"
7    :label="label"
8    :disabled="disabled"
9  >
10    <template #suffix>
11      <IconX class="h-3 w-3" @click="handleClick(label)" />
12    </template>
13  </Button>
14</template>
15<script setup>
16import { Button } from "frappe-ui";
17import { computed, ref } from "vue";
18import IconX from "~icons/lucide/x";
19
20defineProps({
21  label: {
22    type: String,
23    default: "Button",
24    require: true,
25  },
26  disabled: {
27    type: Boolean,
28    default: false,
29  },
30});
31
32const emit = defineEmits(["click"]);
33
34const buttonRef = ref(null);
35
36const handleClick = (label) => {
37  emit("click", label);
38};
39
40defineExpose({
41  rootRef: computed(() => buttonRef.value?.$el),
42});
43</script>
44