import { type Frame as FrameType } from './types.js';
import { type State } from './utils.js';
export type PreviewProps = {
    baseUrl: string;
    contextHtml: string;
    frame: FrameType;
    request: {
        type: 'initial';
        method: 'get';
        metrics: {
            htmlSize: number;
            imageSize: number;
            speed: number;
        };
        response: {
            success: boolean;
            status: number;
            statusText: string;
        };
        timestamp: number;
        url: string;
    } | {
        type: 'response';
        method: 'post';
        body: object;
        metrics: {
            htmlSize: number;
            imageSize: number;
            speed: number;
        };
        response: {
            success: boolean;
            status: number;
            statusText: string;
        };
        timestamp: number;
        url: string;
    } | {
        type: 'redirect';
        method: 'post';
        body: object;
        metrics: {
            speed: number;
        };
        response: {
            success: boolean;
            status: number;
            statusText: string;
            location: string;
        };
        timestamp: number;
        url: string;
    };
    routes: readonly string[];
    state: State;
};
export declare function Preview(props: PreviewProps): JSX.Element;
export declare function Fonts(): JSX.Element;
export declare function Styles(): JSX.Element;
export declare function Scripts(): JSX.Element;
//# sourceMappingURL=components.d.ts.map