// @ts-ignore
import VueMq from "vue-mq";
import {PartialDeep} from "type-fest";
import {UiKitOptions} from "./@types";
import TestComponent from "@/components/TestComponent.vue";
export {TestComponent};

export default {
    // tslint:disable-next-line:no-shadowed-variable
    install(Vue: any, options: PartialDeep<UiKitOptions> = {}) {
        this.setUpMq(Vue, options)
    },
    setUpMq(Vue: any, options: PartialDeep<UiKitOptions> = {}) {
        let mqOptions = {
            breakpoints: {
                extraSmall: 450 + 1,
                verySmall: 600 + 1,
                small: 767 + 1,
                vuetifyBreakpoint: 960 + 1,
                medium: 1023 + 1,
                large: 1279 + 1,
                notebook: 1439 + 1,
                extraLarge: 1534 + 1
            },
        }
        if (options.mqOptions) {
            // @ts-ignore
            mqOptions = options.mqOptions
        }
        Vue.use(VueMq, mqOptions)
    },
}