import React from 'react';
import './Overlay.scss';
export interface OverlayProps {
    withBackground?: boolean;
    isOpen: boolean;
    onOpenChange?: (isOpen: boolean) => void;
    title?: string | React.ReactNode;
    subtitle?: string | React.ReactNode;
    hasIcon?: boolean;
    icon?: React.ReactNode;
    closeX?: boolean;
    backgroundColor?: string;
    children: React.ReactNode;
    headerStyle?: React.CSSProperties;
}
/**
 * Overlay component, with or without background
 *
 * @param {OverlayProps} param0
 * @param {boolean} param0.withBackground - true works like a modal- false like a dialog
 * @param {boolean} param0.isOpen - handling the opening of the overlay
 * @param {(isOpen: boolean) => void} param0.onOpenChange - handling the closing of the overlay
 * @param {*} param0.title
 * @param {*} param0.subtitle
 * @param {boolean} param0.hasIcon
 * @param {React.ReactNode} [param0.icon=<PiGearBold />]
 * @param {boolean} [param0.closeX=true]
 * @param {string} [param0.backgroundColor='rgba(5, 0, 56, 0.50)']
 * @param {React.ReactNode} param0.children
 * @param {React.CSSProperties} [param0.headerStyle]
 * @param {{}} param0....props
 * @returns {*}
 */
declare const Overlay: ({ withBackground, isOpen, onOpenChange, title, subtitle, hasIcon, icon, closeX, backgroundColor, children, headerStyle, ...rest }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
export default Overlay;