<script setup lang="ts">
import { ActionEvents, type ListItemDto } from '~/components/pub/my-ui/data/types';
import Button from '~/components/pub/ui/button/Button.vue';

const props = defineProps<{
  
}>()
const isModalOpen = inject<Ref<boolean>>('isHistoryDialogOpen')!

function openDialog() {
  isModalOpen.value = true
}
</script>

<template>
    <Button type="button" variant="outline" class="text-orange-500 border border-orange-400 bg-orange-50"
        @click="openDialog">
        <Icon name="i-lucide-history" class="h-4 w-4 align-middle transition-colors" />
        History
    </Button>
</template>