import React from "react";
import CSS from "csstype";
interface Props {
    width?: number | string;
    height?: number | string;
    direction?: "left" | "top" | "right" | "bottom";
    buttonTitle: string | JSX.Element;
    buttonColor?: "inherit" | "default" | "primary" | "secondary" | undefined;
    buttonVariant?: "text" | "outlined" | "contained";
    buttonSize?: "small" | "medium" | "large";
    buttonDisabled?: boolean;
    buttonHidden?: boolean;
    switchDrawer?: number;
    onOpen?: (p: {
        contentRef: React.MutableRefObject<any | undefined>;
    }) => void;
    onClose?: (p: {
        contentRef: React.MutableRefObject<any | undefined>;
    }) => void;
    contentClassName?: string;
    contentStyles?: CSS.Properties;
    children: React.ReactNode;
}
export default function CommonDrawer({ width, height, direction, buttonTitle, buttonColor, buttonVariant, buttonSize, buttonDisabled, buttonHidden, switchDrawer, onOpen, onClose, contentClassName, contentStyles, children }: Props): JSX.Element;
export {};