<template>
    <!-- <Modal :title="modal.title" :actions="modal.action" @onClose="onClose"></Modal> -->
         <Towser
        :show="ChalaniTowserStore.show"
        :title="towser.title"
        :actions="towser.action"
        @onClose="onClose"
    >

     </Towser>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { createGenericStore } from "@/stores/GenericStore";
import { createOverlayStore } from "@/stores/OverlayStore";
const ChalaniStore = createGenericStore("user-meal-schedule")();
const ChalaniTowserStore = createOverlayStore("chalani-towser")();
const towser = ref({
    show: false,
    title: [
        {
            name: "Chalani",
            link: "#",
        },
        {
            name: "Create",
        },
    ],
    action: [
        {
            title: "Close",
            emit: "onClose",
            class: "btn-outline",
        },
        {
            title: "Save",
            emit: "onSave",
        },
    ],
});

const onClose = () => {};
</script>
