import * as React from 'react'; import { BaseModalProps } from '../BaseModal'; import { AnchorVariant } from './DrawerInner'; import { DrawerContainerProps } from './DrawerContainer'; import { DrawerHeaderProps } from './DrawerHeader'; import { DrawerContentProps } from './DrawerContent'; import { DrawerFooterProps } from './DrawerFooter'; import { ModalOverlayProps } from '../BaseModal/ModalOverlay'; export interface DrawerProps extends Omit { /** * Drawer position\ * \ * **Varians:** `bottom` `right` `left` `top`\ * **Default:** `bottom` */ readonly anchor: AnchorVariant; /** * Drawer content */ readonly children: React.ReactNode | React.ReactNode[]; /** * Drawer header */ readonly header?: React.ReactNode; /** * Drawer toolbar */ readonly toolbar?: React.ReactNode | React.ReactNode[] | null; /** * Drawer footer */ readonly footer?: React.ReactNode | React.ReactNode[] | null; /** * Display close button in the header */ readonly showCloseButton?: boolean; /** * Overridable components map */ readonly overrides?: DrawerOverrides; } export interface DrawerOverrides { /** * Element container */ readonly Container?: React.ComponentType>; /** * Element ontent */ readonly Content?: React.ComponentType>; /** * Element footer */ readonly Footer?: React.ComponentType>; /** * Element header */ readonly Header?: React.ComponentType>; /** * Overlay element */ readonly Overlay?: React.ComponentType>; } declare const Drawer: React.FC; export default Drawer;