import Resizable from 'resizejs';

const resp = new Resizable();
window.addEventListener('media.changed', () => {
    const media = resp.getMedia();
    const orientation = resp.getOrientation();
});

import Resizable from 'resizejs';

const resp = new Resizable({
    enableOrientationChange: true
});
window.addEventListener('media.changed', () => {
    const media = resp.getMedia();
    const orientation = resp.getOrientation();
});

import Resizable from 'resizejs';

const resp = new Resizable({
    breakpoints: {
        mobile: 320,
        mobileLarge: 414,
        tablet: 768,
        tabletLarge: 1024,
        desktop: 1200
    }
});
window.addEventListener('media.changed', () => {
    const media = resp.getMedia();
    const orientation = resp.getOrientation();
});

import Resizable from 'resizejs';

const resp = new Resizable({
    breakpoints: {
        mobile: 320,
        mobileLarge: 414,
        tablet: 768,
        tabletLarge: 1024,
        desktop: 1200
    }
});
window.addEventListener('basemedia.changed', () => {
    const media = resp.getMedia();
    const orientation = resp.getOrientation();
});