import * as React from 'react';

interface ModalProps {
    /**
     * The content of the modal (typically ModalHeader, content, and ModalFooter)
     */
    children: React.ReactNode;
    /**
     * Width of the modal
     * @default 584
     */
    width?: number | string;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
interface ModalContentProps {
    /**
     * The content to display in the modal body
     */
    children: React.ReactNode;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * Modal component - Arbor Design System
 *
 * A modal dialog container that wraps ModalHeader, content, and ModalFooter.
 *
 * @example
 * ```tsx
 * <Modal width={584}>
 *   <ModalHeader
 *     title="Delete postal address?"
 *     onClose={() => setIsOpen(false)}
 *   />
 *   <ModalContent>
 *     <p>This will delete the postal address. Are you sure?</p>
 *   </ModalContent>
 *   <ModalFooter>
 *     <Button variant="tertiary">Cancel</Button>
 *     <Button variant="destructive-secondary">Confirm</Button>
 *   </ModalFooter>
 * </Modal>
 * ```
 */
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
/**
 * ModalContent component - Arbor Design System
 *
 * The content/body area of a modal dialog.
 *
 * @example
 * ```tsx
 * <ModalContent>
 *   <p>Your content here</p>
 * </ModalContent>
 * ```
 */
declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;

export { Modal, ModalContent, type ModalContentProps, type ModalProps };