/**
 * Responsive design detector — captures page at multiple breakpoints
 * and detects layout differences between desktop and mobile viewports.
 *
 * Breakpoints: mobile(375), tablet(768), desktop(1280), wide(1920)
 * Detects: viewport-specific content visibility, menu collapse state,
 * font size changes, hidden/shown elements.
 */
import type { Page } from 'playwright';
export interface ViewportCapture {
    width: number;
    height: number;
    label: 'mobile' | 'tablet' | 'desktop' | 'wide';
    screenshotBuffer?: Buffer;
    visibleTextLength: number;
    hasHamburgerMenu: boolean;
    hiddenElements: number;
    scrollHeight: number;
}
export interface ResponsiveReport {
    url: string;
    captures: ViewportCapture[];
    isResponsive: boolean;
    hasMobileMenu: boolean;
    issues: string[];
}
export declare function detectResponsive(page: Page, url: string, opts?: {
    captureScreenshots?: boolean;
}): Promise<ResponsiveReport>;