import { ApphouseComponent } from './component.interfaces';
import { CSSProperties } from 'glamor';
import React from 'react';
export interface DrawerStyles {
    drawerOpen?: CSSProperties;
    drawerClosed?: CSSProperties;
    drawerContent?: CSSProperties;
}
export interface DrawerProps extends ApphouseComponent<DrawerStyles> {
    children: React.ReactNode;
    open?: boolean;
    onClose?: () => void;
    /**
     * The width of the drawer when open
     * @optional
     * @default 300px
     */
    width?: string;
    /**
     * The id of the drawer, must be unique to the app
     */
    id: string;
}
export declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;