<!-- Copyright (C) 2012-2025 Zammad Foundation, https://zammad-foundation.org/ -->

<script setup lang="ts">
import { ref, type Slot } from 'vue'

import CommonDialog from '#desktop/components/CommonDialog/CommonDialog.vue'

interface Props {
  content: Slot
}

defineProps<Props>()

ref<InstanceType<typeof CommonDialog>>()
</script>

<template>
  <CommonDialog
    name="page-help"
    :header-title="__('Help')"
    wrapper-tag="article"
    header-icon="question-circle"
    :footer-action-options="{
      hideCancelButton: true,
    }"
  >
    <component :is="content"></component>
  </CommonDialog>
</template>
