import { default as React } from 'react';
import { HNDesignsystemDrawer } from '../../resources/Resources';
import { TitleTags } from '../Title';
type DesktopDirections = 'left' | 'right';
export interface DrawerProps extends InnerDrawerProps {
    /** Opens and closes the drawer */
    isOpen: boolean;
}
export interface InnerDrawerProps {
    /** Sets the aria-label of the drawer */
    ariaLabel?: string;
    /** Sets the aria-labelledby of the drawer */
    ariaLabelledBy?: string;
    /** Sets the style of the Drawer Close button. Meant for use by HelpDrawer */
    closeColor?: 'blueberry' | 'plum';
    /** Direction of the drawer on desktop. Default: left */
    desktopDirection?: DesktopDirections;
    /** Sets the style of the Drawer header */
    headerClasses?: string;
    /** Title to display in the header of the drawer */
    title: string;
    /** id of the drawer title */
    titleId?: string;
    /** Changes the underlying element of the title. Default: h3 */
    titleHtmlMarkup?: TitleTags;
    /** Callback that triggers when clicking on close button or outside the drawer, update isOpen state when this triggers */
    onRequestClose?: () => void;
    /** Optional footer content that can be rendered instead of default CTA(s) */
    footerContent?: React.ReactNode;
    /** Main content of the drawer */
    children?: React.ReactNode;
    /** Hides the close button */
    noCloseButton?: boolean;
    /** Primary CTA callback */
    onPrimaryAction?: () => void;
    /** Text for primary CTA button if you want a default CTA button rendered (instead of `footerContent`) */
    primaryActionText?: string;
    /** Text for secondary CTA button if you want a default CTA button rendered (instead of `footerContent`) */
    secondaryActionText?: string;
    /** Secondary CTA callback */
    onSecondaryAction?: () => void;
    /** Customize the z-index of the drawer */
    zIndex?: number;
    /** Resources for component */
    resources?: Partial<HNDesignsystemDrawer>;
    /** Sets mobile styling and animation from outer level Drawer */
    isMobile?: boolean;
    /** Shows a back button to the left of title */
    withBackButton?: boolean;
    /** Callback for the back button */
    onRequestBack?: () => void;
    /** Sets classname for content part in Drawer */
    contentClassName?: string;
}
declare const Drawer: React.FC<DrawerProps>;
export default Drawer;