const showToast = (message: string, title: string | undefined = undefined, variant: string = defaultVariant, timeout: number = defaultTimeout, props: any = {}) => {
       create({
            title: title,
            body: message,
            variant: variant as ColorVariant, // success, info, danger, warning...
            appendToast: true, // Append to existing toasts
            position: 'bottom-end',
            progressProps: {
                variant: variant as ColorVariant,
            },
            modelValue: timeout,
            toastClass: 'my-2',
            interval: 10,
            ...props,
        });
    }

body: "hid",
bodyClass: undefined,
closeClass: undefined,
closeContent: undefined,
closeLabel: "Close",
closeVariant: "secondary",
headerClass: undefined,
headerTag: "div",
id: undefined,
interval: 10,
isStatus: false,
noCloseButton: false,
noHoverPause: false,
noProgress: false,
noResumeOnHoverLeave: false,
progressProps: "Reactive",
variant: "info",
showOnPause: true,
solid: false,
title: "buttonPressed",
toastClass: "my-2",
bgVariant: null,
textVariant: null,
active: undefined,
activeClass: undefined,
disabled: undefined,
exactActiveClass: undefined,
href: undefined,
icon: undefined,
noRel: undefined,
opacity: undefined,
opacityHover: undefined,
prefetch: false,
noPrefetch: false,
rel: undefined,
replace: undefined,
routerComponentName: undefined,
stretched: false,
target: undefined,
to: undefined,
underlineOffset: undefined,
underlineOffsetHover: undefined,
underlineOpacity: undefined,
underlineOpacityHover: undefined,
underlineVariant: undefined,
initialAnimation: true,
noAnimation: false,
noFade: false,
lazy: true,
unmountLazy: true,
show: false,
transProps: undefined,
visible: false,
modelValue: true,
prefetchOn: undefined,
prefetchedClass: undefined,
modelModifiers: undefined