import * as React from 'react';

interface ModalFooterProps {
    /**
     * The content of the footer, typically buttons
     */
    children: React.ReactNode;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * ModalFooter component - Arbor Design System
 *
 * The footer part of a modal dialog, typically containing action buttons.
 * Buttons are right-aligned by default.
 *
 * @example
 * ```tsx
 * // Footer with two buttons
 * <ModalFooter>
 *   <Button variant="tertiary">Cancel</Button>
 *   <Button variant="primary">Save</Button>
 * </ModalFooter>
 *
 * // Footer with destructive action
 * <ModalFooter>
 *   <Button variant="tertiary">Cancel</Button>
 *   <Button variant="destructive-secondary">Delete</Button>
 * </ModalFooter>
 * ```
 */
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;

export { ModalFooter, type ModalFooterProps };