22 lines
640 B
Vue
22 lines
640 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
title?: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-fit rounded-xl border border-muted bg-accented shadow-md overflow-hidden px-2 pb-2">
|
|
<div class="flex justify-between items-center px-2 py-2 bg-accented border-accented border-b">
|
|
<div class="flex items-center gap-2">
|
|
<span class="w-3 h-3 bg-red-500 rounded-full" />
|
|
<span class="w-3 h-3 bg-yellow-500 rounded-full" />
|
|
<span class="w-3 h-3 bg-green-500 rounded-full" />
|
|
</div>
|
|
<div class="text-muted">
|
|
{{ title }}
|
|
</div>
|
|
</div>
|
|
<slot mdc-unwrap="p" />
|
|
</div>
|
|
</template>
|