import { SvelteComponentTyped } from "svelte"; import type { Dismissable, SizeType } from '../types'; import type { ModalPlacementType } from '../types'; declare const __propDef: { props: import("svelte/elements").HTMLAnchorAttributes & { tag?: string; color?: import("../utils/Frame.svelte").FrameColor; rounded?: boolean; border?: boolean; shadow?: boolean; node?: HTMLElement | undefined; use?: import("svelte/action").Action; options?: object; class?: string; role?: string; open?: boolean; transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig; params?: any; } & Dismissable & { open?: boolean; title?: string; size?: SizeType; placement?: ModalPlacementType; autoclose?: boolean; outsideclose?: boolean; backdropClass?: string; classBackdrop?: string; dialogClass?: string; classDialog?: string; defaultClass?: string; headerClass?: string; classHeader?: string; bodyClass?: string; classBody?: string; footerClass?: string; classFooter?: string; }; events: { wheel: WheelEvent; } & { [evt: string]: CustomEvent; }; slots: { header: {}; default: {}; footer: {}; }; }; export type ModalProps = typeof __propDef.props; export type ModalEvents = typeof __propDef.events; export type ModalSlots = typeof __propDef.slots; /** * [Go to docs](https://flowbite-svelte.com/) * ## Props * @prop export let open: boolean = false; * @prop export let title: string = ''; * @prop export let size: SizeType = 'md'; * @prop export let color: ComponentProps['color'] = 'default'; * @prop export let placement: ModalPlacementType = 'center'; * @prop export let autoclose: boolean = false; * @prop export let outsideclose: boolean = false; * @prop export let dismissable: boolean = true; * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80'; * @prop export let classBackdrop: string | undefined = undefined; * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex'; * @prop export let classDialog: string | undefined = undefined; * @prop export let defaultClass: string = 'relative flex flex-col mx-auto'; * @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg'; * @prop export let classHeader: string | undefined = undefined; * @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain'; * @prop export let classBody: string | undefined = undefined; * @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg'; * @prop export let classFooter: string | undefined = undefined; */ export default class Modal extends SvelteComponentTyped { } export {};