export default Drawer;
type Drawer = {
    $on?(type: string, callback: (e: any) => void): () => void;
    $set?(props: Partial<ModalProps & Props & Record<string, any>>): void;
};
/**
 * A generic drawer widget based on the HTML `<dialog>` element.
 * @see https://w3c.github.io/aria/#dialog
 * @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
 */
declare const Drawer: import("svelte").Component<ModalProps & {
    /**
     * The `class` attribute on the content element.
     */
    class?: string | undefined;
    /**
     * Whether to open the drawer.
     */
    open?: boolean | undefined;
    /**
     * Title text displayed on the header. With a custom `header` snippet,
     * it’s used as the drawer’s `aria-label` instead.
     */
    title?: string | undefined;
    /**
     * ID of the element that labels the drawer, typically a
     * heading inside a custom `header` snippet. Takes precedence over `title` for the accessible
     * name.
     */
    ariaLabelledby?: string | undefined;
    /**
     * Position of the drawer.
     */
    position?: "top" | "left" | "right" | "bottom" | undefined;
    /**
     * Width or height of the
     * drawer.
     */
    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
    /**
     * Whether to show the Close button.
     */
    showClose?: false | "inside" | "outside" | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Header slot content.
     */
    header?: Snippet<[]> | undefined;
    /**
     * Header extra slot content.
     */
    headerExtra?: Snippet<[]> | undefined;
    /**
     * Footer slot content.
     */
    footer?: Snippet<[]> | undefined;
    /**
     * Close icon slot content.
     */
    closeIcon?: Snippet<[]> | undefined;
    /**
     * Extra content slot content.
     */
    extraContent?: Snippet<[]> | undefined;
} & Record<string, any>, {}, "open">;
type Props = {
    /**
     * The `class` attribute on the content element.
     */
    class?: string | undefined;
    /**
     * Whether to open the drawer.
     */
    open?: boolean | undefined;
    /**
     * Title text displayed on the header. With a custom `header` snippet,
     * it’s used as the drawer’s `aria-label` instead.
     */
    title?: string | undefined;
    /**
     * ID of the element that labels the drawer, typically a
     * heading inside a custom `header` snippet. Takes precedence over `title` for the accessible
     * name.
     */
    ariaLabelledby?: string | undefined;
    /**
     * Position of the drawer.
     */
    position?: "top" | "left" | "right" | "bottom" | undefined;
    /**
     * Width or height of the
     * drawer.
     */
    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
    /**
     * Whether to show the Close button.
     */
    showClose?: false | "inside" | "outside" | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Header slot content.
     */
    header?: Snippet<[]> | undefined;
    /**
     * Header extra slot content.
     */
    headerExtra?: Snippet<[]> | undefined;
    /**
     * Footer slot content.
     */
    footer?: Snippet<[]> | undefined;
    /**
     * Close icon slot content.
     */
    closeIcon?: Snippet<[]> | undefined;
    /**
     * Extra content slot content.
     */
    extraContent?: Snippet<[]> | undefined;
};
import type { ModalProps } from '../../typedefs';
import type { Snippet } from 'svelte';