import * as React from "react";
/**
 * Panel width, as a named variant rather than a per-call-site `max-w-*`.
 * `medium` is the single-column form width; `wide` is the two-column editor
 * width and pairs with `ModalV2TwoColumn`.
 *
 * Every arm keeps the `calc(100vw-2rem)` arm so content can never stretch the
 * panel past the viewport (minus the `mx-4` margins) on narrow screens.
 */
export type ModalV2Size = "default" | "medium" | "wide";
interface ModalProps {
    isOpen: boolean;
    onClose: () => void;
    children: React.ReactNode;
    className?: string;
    size?: ModalV2Size;
}
interface ModalContentProps {
    children: React.ReactNode;
    className?: string;
}
interface ModalHeaderProps {
    children: React.ReactNode;
    className?: string;
}
interface ModalTitleProps {
    children: React.ReactNode;
    className?: string;
}
interface ModalFooterProps {
    children: React.ReactNode;
    className?: string;
}
interface ModalTwoColumnProps {
    left: React.ReactNode;
    right: React.ReactNode;
    className?: string;
}
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
/**
 * The two-column editor body. Use INSTEAD OF `ModalV2Content` (not inside it)
 * on a `size="wide"` modal — it owns the same `flex-1 min-h-0` slot.
 *
 * Scroll model, which is the whole reason this is a component and not a pair
 * of copy-pasted class strings: below `lg` there is ONE column and the outer
 * region scrolls, so a phone behaves exactly like every single-column modal.
 * From `lg` up the outer region is `overflow-hidden` and each column scrolls
 * independently, so a long left column never drags the right one out of view.
 */
declare const ModalTwoColumn: React.ForwardRefExoticComponent<ModalTwoColumnProps & React.RefAttributes<HTMLDivElement>>;
declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
declare const ModalTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLHeadingElement>>;
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
export { Modal as ModalV2, ModalContent as ModalV2Content, ModalFooter as ModalV2Footer, ModalHeader as ModalV2Header, ModalTitle as ModalV2Title, ModalTwoColumn as ModalV2TwoColumn };
//# sourceMappingURL=modal-v2.d.ts.map