import { useQuasar } from 'quasar';
import FullScreenMessageDialog from 'src/components/dialogs/FullScreenMessageDialog.vue';

export function useFullScreenMessage() {
  const { dialog } = useQuasar();

  function showMessage(data: { timer?: number; content: string, format: string, gif?: string } = { timer: 3000, content: '', format: '' }) {
    const { timer, content, format } = data;
    dialog({
      component: FullScreenMessageDialog,
      componentProps: {
        data: {
          timer,
          format,
          content,
        },
      },
    });
  }

  return { showMessage };
}