<template>
  <PageEmptyState
    image="not-found"
    :title="getLabel('no_google_sheets_title')"
    :subtitle="getLabel('no_google_sheets_description')"
  >
    <template #actionButton>
      <IvyButtonAction icon-start="plus" priority="primary" @click="$emit('add-integration')">
        {{ getLabel('add_google_sheet') }}
      </IvyButtonAction>
    </template>
  </PageEmptyState>
</template>

<script setup lang="ts">
import { useLabels } from '@/composables/useLabels'
import PageEmptyState from '@/views/admin/parts/PageEmptyState.vue'
import IvyButtonAction from '@/views/_components/button/IvyButtonAction.vue'

const { getLabel } = useLabels()

defineEmits<{
  'add-integration': []
}>()
</script>
