ptr.pet
1<script lang="ts">
2 import Popup from './Popup.svelte';
3
4 interface Props {
5 isOpen: boolean;
6 onClose: () => void;
7 }
8
9 let { isOpen = $bindable(false), onClose }: Props = $props();
10
11 const handleClose = () => {
12 onClose();
13 };
14</script>
15
16<Popup
17 bind:isOpen
18 onClose={handleClose}
19 title="notifications"
20 width="w-[42vmax] max-w-2xl"
21 height="60vh"
22 showHeaderDivider={true}
23>
24 <div class="flex h-full items-center justify-center">
25 <div class="text-center">
26 <div class="mb-4 text-6xl opacity-50">🚧</div>
27 <h3 class="text-xl font-bold opacity-80">todo</h3>
28 </div>
29 </div>
30</Popup>