"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
 * Ref: https://css-tricks.com/snippets/css/fluid-typography/
 *
 * @param {Number} minSize
 * @param {Number} maxSize
 * @param {Number} minViewportWidth
 * @param {Number} maxViewportWidth
 * @category style
 * @module getFluidSize
 */
var getFluidSize = function (
// In px
minSize, 
// In px
maxSize, 
// In px
minViewportWidth, 
// In px
maxViewportWidth) {
    if (minSize === void 0) { minSize = 16; }
    if (maxSize === void 0) { maxSize = 24; }
    if (minViewportWidth === void 0) { minViewportWidth = 320; }
    if (maxViewportWidth === void 0) { maxViewportWidth = 1200; }
    var min = minSize;
    var range = maxSize - minSize;
    var minVW = minViewportWidth;
    var maxVW = maxViewportWidth;
    return "calc(".concat(min, "px + ").concat(range, " * ((100vw - ").concat(minVW, "px) / (").concat(maxVW, " - ").concat(minVW, ")))");
};
exports.default = getFluidSize;