import { type HTMLStyleProp, Ref, type StateProp } from '@innet/dom';
import { type CloseButtonProps } from '../../buttons';
import { type FlexProps } from '../../layout';
interface PopoutElementProps extends Omit<FlexProps, 'element'> {
    element?: Ref<HTMLElement>;
    contentStyle?: HTMLStyleProp;
    onhide: () => void;
    rootRef?: Ref<HTMLDivElement>;
    background?: StateProp<string>;
    closeButton?: CloseButtonProps | boolean;
}
export interface PopoutProps extends Omit<PopoutElementProps, 'onhide'> {
    show?: StateProp<any>;
    background?: StateProp<string>;
    onhide?: () => void;
    closeButton?: CloseButtonProps | boolean;
}
export interface PopoutElementData {
    rect: DOMRect;
    styles: CSSStyleDeclaration;
}
export declare function Popout({ show, onhide, ...props }: PopoutProps): any;
export {};