import { type BoxProps } from '@mui/material';
export declare const deviceFrames: readonly [{
    readonly id: "iphone-x";
    readonly name: "iPhone X";
}, {
    readonly id: "iphone-8";
    readonly name: "iPhone 8";
}, {
    readonly id: "ipad-pro";
    readonly name: "iPad Pro";
}, {
    readonly id: "imac-pro";
    readonly name: "iMac Pro";
}, {
    readonly id: "macbook";
    readonly name: "MacBook";
}, {
    readonly id: "macbook-pro";
    readonly name: "MacBook Pro";
}, {
    readonly id: "surface-pro";
    readonly name: "Surface Pro";
}, {
    readonly id: "surface-book";
    readonly name: "Surface Book";
}, {
    readonly id: "surface-studio";
    readonly name: "Surface Studio";
}, {
    readonly id: "galaxy-s8";
    readonly name: "Galaxy S8";
}, {
    readonly id: "google-pixel";
    readonly name: "Google Pixel";
}, {
    readonly id: "google-pixel-2-xl";
    readonly name: "Google Pixel 2 XL";
}, {
    readonly id: "apple-watch";
    readonly name: "Apple Watch";
}];
export declare const isDeviceFrame: (id: string) => boolean;
export declare const shadowFrames: readonly [{
    readonly id: "shadow";
    readonly name: "Shadow";
}, {
    readonly id: "shadow-sm";
    readonly name: "Shadow Small";
}, {
    readonly id: "shadow-lg";
    readonly name: "Shadow Large";
}];
export declare const isShadowFrame: (id: string) => boolean;
export declare const frames: ({
    readonly id: "chrome";
    readonly name: "Chrome";
} | {
    readonly id: "chrome-with-url";
    readonly name: "Chrome (With URL)";
} | {
    readonly id: "iphone-x";
    readonly name: "iPhone X";
} | {
    readonly id: "iphone-8";
    readonly name: "iPhone 8";
} | {
    readonly id: "ipad-pro";
    readonly name: "iPad Pro";
} | {
    readonly id: "imac-pro";
    readonly name: "iMac Pro";
} | {
    readonly id: "macbook";
    readonly name: "MacBook";
} | {
    readonly id: "macbook-pro";
    readonly name: "MacBook Pro";
} | {
    readonly id: "surface-pro";
    readonly name: "Surface Pro";
} | {
    readonly id: "surface-book";
    readonly name: "Surface Book";
} | {
    readonly id: "surface-studio";
    readonly name: "Surface Studio";
} | {
    readonly id: "galaxy-s8";
    readonly name: "Galaxy S8";
} | {
    readonly id: "google-pixel";
    readonly name: "Google Pixel";
} | {
    readonly id: "google-pixel-2-xl";
    readonly name: "Google Pixel 2 XL";
} | {
    readonly id: "apple-watch";
    readonly name: "Apple Watch";
} | {
    readonly id: "shadow";
    readonly name: "Shadow";
} | {
    readonly id: "shadow-sm";
    readonly name: "Shadow Small";
} | {
    readonly id: "shadow-lg";
    readonly name: "Shadow Large";
})[];
interface FrameMockupProps {
    type: string;
}
export declare function FrameMockup({ ref, type, sx, children, ...rest }: FrameMockupProps & BoxProps): import("react/jsx-runtime").JSX.Element;
export {};