flowbite-svelte/dist/toast/theme.d.ts

Flowbite components for Svelte

import { type VariantProps } from "tailwind-variants";
import type { Classes } from "../theme/themeUtils";
export type ToastVaraints = VariantProps<typeof toast> & Classes<typeof toast>;
export declare const toast: import("tailwind-variants").TVReturnType<{
    position: {
        "top-left": {
            base: string;
        };
        "top-right": {
            base: string;
        };
        "bottom-left": {
            base: string;
        };
        "bottom-right": {
            base: string;
        };
    };
    color: {
        primary: {
            icon: string;
            close: string;
        };
        gray: {
            icon: string;
            close: string;
        };
        red: {
            icon: string;
            close: string;
        };
        orange: {
            icon: string;
            close: string;
        };
        amber: {
            icon: string;
            close: string;
        };
        yellow: {
            icon: string;
            close: string;
        };
        lime: {
            icon: string;
            close: string;
        };
        green: {
            icon: string;
            close: string;
        };
        emerald: {
            icon: string;
            close: string;
        };
        teal: {
            icon: string;
            close: string;
        };
        cyan: {
            icon: string;
            close: string;
        };
        sky: {
            icon: string;
            close: string;
        };
        blue: {
            icon: string;
            close: string;
        };
        indigo: {
            icon: string;
            close: string;
        };
        violet: {
            icon: string;
            close: string;
        };
        purple: {
            icon: string;
            close: string;
        };
        fuchsia: {
            icon: string;
            close: string;
        };
        pink: {
            icon: string;
            close: string;
        };
        rose: {
            icon: string;
            close: string;
        };
    };
    align: {
        true: {
            base: string;
        };
        false: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
    content: string;
    close: string;
}, undefined, {
    position: {
        "top-left": {
            base: string;
        };
        "top-right": {
            base: string;
        };
        "bottom-left": {
            base: string;
        };
        "bottom-right": {
            base: string;
        };
    };
    color: {
        primary: {
            icon: string;
            close: string;
        };
        gray: {
            icon: string;
            close: string;
        };
        red: {
            icon: string;
            close: string;
        };
        orange: {
            icon: string;
            close: string;
        };
        amber: {
            icon: string;
            close: string;
        };
        yellow: {
            icon: string;
            close: string;
        };
        lime: {
            icon: string;
            close: string;
        };
        green: {
            icon: string;
            close: string;
        };
        emerald: {
            icon: string;
            close: string;
        };
        teal: {
            icon: string;
            close: string;
        };
        cyan: {
            icon: string;
            close: string;
        };
        sky: {
            icon: string;
            close: string;
        };
        blue: {
            icon: string;
            close: string;
        };
        indigo: {
            icon: string;
            close: string;
        };
        violet: {
            icon: string;
            close: string;
        };
        purple: {
            icon: string;
            close: string;
        };
        fuchsia: {
            icon: string;
            close: string;
        };
        pink: {
            icon: string;
            close: string;
        };
        rose: {
            icon: string;
            close: string;
        };
    };
    align: {
        true: {
            base: string;
        };
        false: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
    content: string;
    close: string;
}, import("tailwind-variants").TVReturnType<{
    position: {
        "top-left": {
            base: string;
        };
        "top-right": {
            base: string;
        };
        "bottom-left": {
            base: string;
        };
        "bottom-right": {
            base: string;
        };
    };
    color: {
        primary: {
            icon: string;
            close: string;
        };
        gray: {
            icon: string;
            close: string;
        };
        red: {
            icon: string;
            close: string;
        };
        orange: {
            icon: string;
            close: string;
        };
        amber: {
            icon: string;
            close: string;
        };
        yellow: {
            icon: string;
            close: string;
        };
        lime: {
            icon: string;
            close: string;
        };
        green: {
            icon: string;
            close: string;
        };
        emerald: {
            icon: string;
            close: string;
        };
        teal: {
            icon: string;
            close: string;
        };
        cyan: {
            icon: string;
            close: string;
        };
        sky: {
            icon: string;
            close: string;
        };
        blue: {
            icon: string;
            close: string;
        };
        indigo: {
            icon: string;
            close: string;
        };
        violet: {
            icon: string;
            close: string;
        };
        purple: {
            icon: string;
            close: string;
        };
        fuchsia: {
            icon: string;
            close: string;
        };
        pink: {
            icon: string;
            close: string;
        };
        rose: {
            icon: string;
            close: string;
        };
    };
    align: {
        true: {
            base: string;
        };
        false: {
            base: string;
        };
    };
}, {
    base: string;
    icon: string;
    content: string;
    close: string;
}, undefined, unknown, unknown, undefined>>;