'use client';

import { Theme } from '../../../theme/theme';
import { default as React } from 'react';
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Modal open state */
    isOpen?: boolean;
    /** Close modal callback */
    onClose?: () => void;
    /** Modal size */
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
    /** Modal radius */
    radius?: "none" | "sm" | "md" | "lg" | "xl";
    /** Modal placement */
    placement?: "auto" | "top" | "top-center" | "center" | "bottom" | "bottom-center";
    /** Hide close button */
    hideCloseButton?: boolean;
    /** Close on backdrop click */
    isDismissable?: boolean;
    /** Close on escape key */
    isKeyboardDismissDisabled?: boolean;
    /** Disable scroll lock */
    scrollBehavior?: "inside" | "outside" | "normal";
    /** Modal backdrop blur */
    backdrop?: "transparent" | "opaque" | "blur";
    /** Custom class name */
    className?: string;
    /** Custom styles */
    css?: any;
    /** Portal container */
    portalContainer?: Element;
}
export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const ModalHeader: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & ModalHeaderProps & {
    theme: Theme;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const ModalBody: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & ModalBodyProps & {
    theme: Theme;
} & {
    scrollBehavior?: "inside" | "outside" | "normal";
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const ModalFooter: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & ModalFooterProps & {
    theme: Theme;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//# sourceMappingURL=modal.d.ts.map