export const VIEWPORTS = [
    { id: '4k', label: '4K', icon: 'monitor', width: 1920 },
    { id: '1080p', label: '1080p', icon: 'monitor', width: 1440 },
    { id: 'laptop', label: 'Laptop', icon: 'laptop', width: 1280 },
    { id: 'tablet', label: 'Tablet', icon: 'tablet', width: 768 },
    { id: 'mobile', label: 'Mobile', icon: 'smartphone', width: 390 },
];
export const DEFAULT_VIEWPORT = '1080p';
export function getViewport(id) {
    return VIEWPORTS.find((v) => v.id === id) ?? VIEWPORTS[1];
}
//# sourceMappingURL=viewports.js.map