import { default as React, JSX } from 'react';
export interface ComparisonProps {
    /**
     * React node rendered on the left side of the comparison view.
     */
    left: React.ReactNode;
    /**
     * React node rendered on the right side of the comparison view.
     */
    right: React.ReactNode;
    /**
     * Which side is treated as the primary content.
     * This may influence styling or overlay behavior.
     * Defaults to 'left' if not specified.
     */
    primary?: 'left' | 'right';
    /**
     * Width of the comparison container.
     * Accepts string (e.g., "100%", "400px") or number (pixels).
     */
    width?: string | number;
    /**
     * Height of the comparison container.
     * Accepts string or number, similar to width.
     */
    height?: string | number;
    /**
     * CSS position property for the container.
     * Determines how the component is positioned in the layout.
     * Defaults to 'relative'.
     */
    position?: 'relative' | 'absolute' | 'fixed' | 'static';
    /**
     * Optional close handler. When provided, a close button is displayed,
     * and the handler is called when the button is clicked.
     */
    onClose?: () => void;
}
export declare const Comparison: (props: ComparisonProps) => JSX.Element;
export default Comparison;