import React from 'react';
export declare const StyledOverlay: import("styled-components").StyledComponent<"div", any, any, never>;
export declare const StyledSideNavBlock: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
    title?: string;
    defaultChecked?: boolean;
    defaultValue?: string | number | string[];
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    accessKey?: string;
    className?: string;
    contentEditable?: boolean | "true" | "false" | "inherit";
    contextMenu?: string;
    dir?: string;
    draggable?: boolean | "true" | "false";
    hidden?: boolean;
    id?: string;
    lang?: string;
    placeholder?: string;
    slot?: string;
    spellCheck?: boolean | "true" | "false";
    tabIndex?: number;
    translate?: "yes" | "no";
    radioGroup?: string;
    role?: string;
    about?: string;
    datatype?: string;
    inlist?: any;
    prefix?: string;
    property?: string;
    resource?: string;
    typeof?: string;
    vocab?: string;
    autoCapitalize?: string;
    autoCorrect?: string;
    autoSave?: string;
    color?: string;
    itemProp?: string;
    itemScope?: boolean;
    itemType?: string;
    itemID?: string;
    itemRef?: string;
    results?: number;
    security?: string;
    unselectable?: "on" | "off";
    inputMode?: "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
    is?: string;
    "aria-activedescendant"?: string;
    "aria-atomic"?: boolean | "true" | "false";
    "aria-autocomplete"?: "none" | "inline" | "list" | "both";
    "aria-busy"?: boolean | "true" | "false";
    "aria-checked"?: boolean | "true" | "false" | "mixed";
    "aria-colcount"?: number;
    "aria-colindex"?: number;
    "aria-colspan"?: number;
    "aria-controls"?: string;
    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
    "aria-describedby"?: string;
    "aria-details"?: string;
    "aria-disabled"?: boolean | "true" | "false";
    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
    "aria-errormessage"?: string;
    "aria-expanded"?: boolean | "true" | "false";
    "aria-flowto"?: string;
    "aria-grabbed"?: boolean | "true" | "false";
    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid";
    "aria-hidden"?: boolean | "true" | "false";
    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
    "aria-keyshortcuts"?: string;
    "aria-label"?: string;
    "aria-labelledby"?: string;
    "aria-level"?: number;
    "aria-live"?: "off" | "assertive" | "polite";
    "aria-modal"?: boolean | "true" | "false";
    "aria-multiline"?: boolean | "true" | "false";
    "aria-multiselectable"?: boolean | "true" | "false";
    "aria-orientation"?: "horizontal" | "vertical";
    "aria-owns"?: string;
    "aria-placeholder"?: string;
    "aria-posinset"?: number;
    "aria-pressed"?: boolean | "true" | "false" | "mixed";
    "aria-readonly"?: boolean | "true" | "false";
    "aria-relevant"?: "text" | "additions" | "additions text" | "all" | "removals";
    "aria-required"?: boolean | "true" | "false";
    "aria-roledescription"?: string;
    "aria-rowcount"?: number;
    "aria-rowindex"?: number;
    "aria-rowspan"?: number;
    "aria-selected"?: boolean | "true" | "false";
    "aria-setsize"?: number;
    "aria-sort"?: "none" | "ascending" | "descending" | "other";
    "aria-valuemax"?: number;
    "aria-valuemin"?: number;
    "aria-valuenow"?: number;
    "aria-valuetext"?: string;
    children?: React.ReactNode;
    dangerouslySetInnerHTML?: {
        __html: string;
    };
    onCopy?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onCopyCapture?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onCut?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onCutCapture?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onPaste?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onPasteCapture?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    onCompositionEnd?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onCompositionEndCapture?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onCompositionStart?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onCompositionStartCapture?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onCompositionUpdate?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLDivElement>) => void;
    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
    onFocusCapture?: (event: React.FocusEvent<HTMLDivElement>) => void;
    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
    onBlurCapture?: (event: React.FocusEvent<HTMLDivElement>) => void;
    onChange?: (event: React.FormEvent<HTMLDivElement>) => void;
    onChangeCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onBeforeInput?: (event: React.FormEvent<HTMLDivElement>) => void;
    onBeforeInputCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onInput?: (event: React.FormEvent<HTMLDivElement>) => void;
    onInputCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onReset?: (event: React.FormEvent<HTMLDivElement>) => void;
    onResetCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onSubmit?: (event: React.FormEvent<HTMLDivElement>) => void;
    onSubmitCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onInvalid?: (event: React.FormEvent<HTMLDivElement>) => void;
    onInvalidCapture?: (event: React.FormEvent<HTMLDivElement>) => void;
    onLoad?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onError?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onErrorCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onKeyPress?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onKeyPressCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onKeyUp?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onKeyUpCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onAbort?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onAbortCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onCanPlay?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onCanPlayCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onCanPlayThrough?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onDurationChange?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEmptied?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEmptiedCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEncrypted?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEncryptedCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEnded?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onEndedCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadedData?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadedMetadata?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadStart?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onLoadStartCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPause?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPauseCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPlay?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPlayCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPlaying?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onPlayingCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onProgress?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onProgressCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onRateChange?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onRateChangeCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSeeked?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSeekedCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSeeking?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSeekingCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onStalled?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onStalledCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSuspend?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSuspendCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onTimeUpdate?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onVolumeChange?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onWaiting?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onWaitingCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onAuxClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onAuxClickCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onClickCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onContextMenu?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onContextMenuCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onDoubleClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onDoubleClickCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onDragCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragEndCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragEnterCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragExit?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragExitCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragLeave?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragLeaveCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragOverCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDragStartCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
    onDropCapture?: (event: React.DragEvent<HTMLDivElement>) => void;
    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseDownCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseEnter?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseLeave?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseMove?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseMoveCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseOut?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseOutCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseOver?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseOverCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseUp?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onMouseUpCapture?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    onSelect?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onSelectCapture?: (event: React.SyntheticEvent<HTMLDivElement, Event>) => void;
    onTouchCancel?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchCancelCapture?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchEnd?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchEndCapture?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchMoveCapture?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchStart?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onTouchStartCapture?: (event: React.TouchEvent<HTMLDivElement>) => void;
    onPointerDown?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerDownCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerMove?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerMoveCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerUp?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerUpCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerCancel?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerCancelCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerEnter?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerEnterCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerLeave?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerLeaveCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerOver?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerOverCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerOut?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onPointerOutCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onGotPointerCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onLostPointerCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLDivElement>) => void;
    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
    onScrollCapture?: (event: React.UIEvent<HTMLDivElement>) => void;
    onWheel?: (event: React.WheelEvent<HTMLDivElement>) => void;
    onWheelCapture?: (event: React.WheelEvent<HTMLDivElement>) => void;
    onAnimationStartCapture?: (event: React.AnimationEvent<HTMLDivElement>) => void;
    onAnimationEnd?: (event: React.AnimationEvent<HTMLDivElement>) => void;
    onAnimationEndCapture?: (event: React.AnimationEvent<HTMLDivElement>) => void;
    onAnimationIteration?: (event: React.AnimationEvent<HTMLDivElement>) => void;
    onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLDivElement>) => void;
    onTransitionEnd?: (event: React.TransitionEvent<HTMLDivElement>) => void;
    onTransitionEndCapture?: (event: React.TransitionEvent<HTMLDivElement>) => void;
    css?: import("@storybook/theming").InterpolationWithTheme<any>;
} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>, any, any, never>;
export interface DrawerProps {
    /**
     * The contents of the drawer.
     */
    children: React.ReactNode;
    /**
     * If the drawer is open.
     */
    isOpen: boolean;
    /**
     * What to do when the drawer is toggled.
     */
    onToggle: any;
    /**
     * Drawer position.
     */
    position?: 'left' | 'right' | 'bottom' | 'top';
    /**
     * Full height for when the drawer opens from bottom or top.
     */
    full?: boolean;
    /**
     * If a fixed height should be used.
     */
    height?: string;
}
/**
 * A component that can be toggle on and off on a position defined by the user via props. Can be used for
 * sidebar navigation or mobile drop (show from bottom).
 */
export declare const Drawer: ({ children, height, full, isOpen, position, onToggle, }: DrawerProps) => JSX.Element;
export default Drawer;