import * as dialog from '@zag-js/dialog';
import type { HTMLAttributes } from 'svelte/elements';
import type { Accessor } from '../types.js';
interface ElementIds extends dialog.ElementIds {
    body?: string;
    footer?: string;
    header?: string;
}
export interface CreateDrawerProps extends Omit<dialog.Props, 'dir' | 'role' | 'getRootNode' | 'elementIds'> {
    elementIds?: ElementIds;
}
export interface CreateDrawerReturn extends dialog.Api {
    getBodyProps(): HTMLAttributes<HTMLElement>;
    getFooterProps(): HTMLAttributes<HTMLElement>;
    getHeaderProps(): HTMLAttributes<HTMLElement>;
}
export declare function createDrawer(props: Accessor<CreateDrawerProps>): Accessor<CreateDrawerReturn>;
export {};