import "@puckeditor/core/puck.css";
import { type PreviewMode } from "./preview-iframe";
declare const viewPorts: {
    readonly small: {
        readonly width: 360;
        readonly height: "auto";
        readonly icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
        readonly label: "Small";
    };
    readonly medium: {
        readonly width: 768;
        readonly height: "auto";
        readonly icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
        readonly label: "Medium";
    };
    readonly large: {
        readonly width: 1280;
        readonly height: "auto";
        readonly icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
        readonly label: "Large";
    };
    readonly full: {
        readonly width: "100%";
        readonly height: "auto";
        readonly icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
        readonly label: "Full-width";
    };
};
type ViewPort = keyof typeof viewPorts;
export declare const useViewPort: () => {
    currentViewport: "small" | "medium" | "large" | "full";
    setCurrentViewport: import("react").Dispatch<import("react").SetStateAction<"small" | "medium" | "large" | "full">>;
};
export declare const PreviewHeading: ({ currentViewport, setCurrentViewport, previewMode, setPreviewMode, className, }: {
    currentViewport: ViewPort;
    setCurrentViewport: (ViewPort: ViewPort) => void;
    previewMode: PreviewMode;
    setPreviewMode: (mode: PreviewMode) => void;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const Preview: ({ currentViewport, className, }: {
    currentViewport: ViewPort;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=preview.d.ts.map