import React from "react";
import { DrawerProps, DrawerHeaderSlotProps, DrawerBodySlotProps, DrawerFooterSlotProps } from "./DrawerProps";
export declare const DrawerHeader: React.FC<DrawerHeaderSlotProps>;
export declare const DrawerBody: React.FC<DrawerBodySlotProps>;
export declare const DrawerFooter: React.FC<DrawerFooterSlotProps>;
export declare const UNNAMED_DRAWER_WARNING = "[pixelize-design-library] Drawer: no DrawerHeader, aria-label or aria-labelledby, so screen readers announce it as an unnamed dialog.";
/** Slide-in dialog; content must sit in DrawerHeader, DrawerBody or DrawerFooter slots. */
export default function Drawer({ isOpen, onClose, placement, size, id, variant, vaiant, initialFocusRef, finalFocusRef, closeOnOverlayClick, closeOnEsc, contentProps, hideCloseButton, portalChildren, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: DrawerProps): import("react/jsx-runtime").JSX.Element;