<script setup lang="ts">
import BmsButton from '@/components/button/BmsButton.vue';
import BmsTooltip from '@/components/feedback/BmsTooltip.vue';
import BmsHeader from '@/components/layout/BmsHeader.vue';
import BmsModal from '@/components/layout/BmsModal.vue';
import UiPopoverMenu from '@/components/layout/UiPopoverMenu.vue';
import BmsTenantSwitcher from '@/components/navigation/BmsTenantSwitcher.vue';
import { Tenant } from '@/models';
import { useNotifications } from '@/plugins/notifications';
import { ref } from 'vue';

const isModalOpen = ref(false);
const { success, error } = useNotifications();

const onClick = () => {
  isModalOpen.value = true;
  success('toto');
};

const tenants: Tenant[] = [{ id: '1', information: '1', label: 'Tenant 1' }];
</script>

<template>
  <BmsTooltip
    :tooltip-text="'hello hello hello hello hello hello hello hello hello hello hello hello hello hello'"
  >
    <BmsButton @click="onClick">Hello</BmsButton>
  </BmsTooltip>
  <BmsTenantSwitcher
    :tenants="tenants"
    :current-tenant="null"
    select-tenant-label="Coucou"
    select-tenant-placeholder="toto"
  />

  <BmsHeader> fixed header</BmsHeader>

  <BmsModal v-model="isModalOpen"> Ouvrir la modale </BmsModal>
</template>
