mirror of
https://github.com/zammad/zammad
synced 2026-05-24 09:48:36 +00:00
39 lines
884 B
Vue
39 lines
884 B
Vue
<!-- Copyright (C) 2012-2026 Zammad Foundation, https://zammad-foundation.org/ -->
|
|
<script lang="ts" setup>
|
|
interface Props {
|
|
title: string
|
|
text?: string
|
|
icon?: string
|
|
withIllustration?: boolean
|
|
}
|
|
|
|
defineProps<Props>()
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<img
|
|
v-if="withIllustration"
|
|
class="mx-auto max-h-99 w-152"
|
|
src="./assets/confetti.svg"
|
|
alt="confetti"
|
|
/>
|
|
<CommonLabel
|
|
tag="h2"
|
|
size="xl"
|
|
class="flex items-center justify-center gap-2 text-black dark:text-white"
|
|
>
|
|
<!-- prefix-icon prop can not be used without changing the size regarding the icon -->
|
|
<CommonIcon v-if="icon" size="small" :name="icon" />
|
|
<span>
|
|
{{ title }}
|
|
</span>
|
|
</CommonLabel>
|
|
|
|
<slot>
|
|
<CommonLabel tag="p" class="block! py-5">
|
|
{{ text }}
|
|
</CommonLabel>
|
|
</slot>
|
|
</div>
|
|
</template>
|