import React from 'react';
export declare function classNames(...classes: Array<string | undefined | null | false>): string;
type GapSize = 2 | 3 | 4 | 6 | 8 | 12;
type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
interface ResponsiveConfig {
    cols?: number;
    leftSpan?: number;
    rightSpan?: number;
}
export interface TwoColumnLayoutProps {
    left: React.ReactNode;
    right: React.ReactNode;
    className?: string;
    responsive?: {
        gap?: GapSize;
        gapX?: GapSize;
        gapY?: GapSize;
    } & Partial<Record<Breakpoint, ResponsiveConfig>>;
}
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right, }: TwoColumnLayoutProps) => React.JSX.Element;
export {};
