andrewwallacespeckle
29 lines
587 B
Vue
29 lines
587 B
Vue
<template>
|
|
<div v-tippy="getTooltipProps(isIsolated ? 'Unisolate' : 'Isolate')">
|
|
<FormButton
|
|
color="subtle"
|
|
size="sm"
|
|
:icon-left="isIsolated ? FunnelX : Funnel"
|
|
hide-text
|
|
@click.stop="$emit('click', $event)"
|
|
>
|
|
{{ isIsolated ? 'Unisolate' : 'Isolate' }}
|
|
</FormButton>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { FunnelX, Funnel } from 'lucide-vue-next'
|
|
|
|
defineProps<{
|
|
isIsolated: boolean
|
|
forceVisible?: boolean
|
|
}>()
|
|
|
|
const { getTooltipProps } = useSmartTooltipDelay()
|
|
|
|
defineEmits<{
|
|
click: [event: Event]
|
|
}>()
|
|
</script>
|