import * as React from "react";

interface IDrawer {
  /**
   * If `true`, the drawer is shown.
   */
  isOpen?: boolean;
  /**
   * Callback invoked when user closes the drawer.
   */
  onClose?: () => void;
  /**
   * Callback invoked when user closes the drawer.
   */
  children: React.ReactNode;
  /**
   * The size of the drawer.
   */
  size?:
    | "xs"
    | "sm"
    | "md"
    | "lg"
    | "xl"
    | "2xl"
    | "3xl"
    | "4xl"
    | "5xl"
    | "6xl"
    | "full";
  /**
   *  If `true`, the drawer fills the height of the viewport by default.
   */
  isFullHeight?: boolean;
  /**
   * The ref to the initial element to receiver focus when the drawer opens.
   */
  initialFocusRef?: React.Ref<{}>;
  /**
   *  If `true`, show the drawer overlay by default.
   */
  hideOverlay?: boolean;
  /**
   *  Set the position of the drawer.
   */
  placement?: "top" | "left" | "bottom" | "right";
}

interface IDrawerTransition {
  isOpen: boolean;
  children: React.ReactNode;
  duration: number;
  placement: string;
  isFullHeight: boolean;
}

export type DrawerProps = IDrawer;

export type DrawerTransitionProps = IDrawerTransition;

declare const Drawer: React.FC<DrawerProps>;

export const DrawerTransition: React.FC<DrawerTransitionProps>;

export default Drawer;