import { __makeTemplateObject, __read, __spreadArray } from "tslib";
import { css } from "styled-components";
import * as style from "../variables";
export var MEDIA = {
    mobile: function (p) {
        var args = [];
        for (var _i = 1; _i < arguments.length; _i++) {
            args[_i - 1] = arguments[_i];
        }
        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.mobile, css.apply(void 0, __spreadArray([p], __read(args), false)));
    },
    tablet: function (p) {
        var args = [];
        for (var _i = 1; _i < arguments.length; _i++) {
            args[_i - 1] = arguments[_i];
        }
        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.tablet, css.apply(void 0, __spreadArray([p], __read(args), false)));
    },
    desktopM: function (p) {
        var args = [];
        for (var _i = 1; _i < arguments.length; _i++) {
            args[_i - 1] = arguments[_i];
        }
        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopM, css.apply(void 0, __spreadArray([p], __read(args), false)));
    },
    desktopL: function (p) {
        var args = [];
        for (var _i = 1; _i < arguments.length; _i++) {
            args[_i - 1] = arguments[_i];
        }
        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopL, css.apply(void 0, __spreadArray([p], __read(args), false)));
    },
    desktopXl: function (p) {
        var args = [];
        for (var _i = 1; _i < arguments.length; _i++) {
            args[_i - 1] = arguments[_i];
        }
        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopXL, css.apply(void 0, __spreadArray([p], __read(args), false)));
    }
};
export var BorderRadius = {
    roundBorder: function () {
        var borderRadius = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            borderRadius[_i] = arguments[_i];
        }
        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    border-radius: ", ";\n  "], ["\n    border-radius: ", ";\n  "])), borderRadius.join(" "));
    },
    roundBorderTop: function (borderRadius) { return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    border-radius: ", " ", " 0 0;\n  "], ["\n    border-radius: ", " ", " 0 0;\n  "])), borderRadius, borderRadius); },
    roundBorderBottom: function (borderRadius) { return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    border-radius: 0 0 ", " ", ";\n  "], ["\n    border-radius: 0 0 ", " ", ";\n  "])), borderRadius, borderRadius); }
};
export var Padding = {
    allSide: function () {
        var steps = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            steps[_i] = arguments[_i];
        }
        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), steps.map(function (step) { return step * style.SUPER_PIXEL + "px"; }).join(" "));
    },
    top: function (step) { return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    padding-top: ", "px;\n  "], ["\n    padding-top: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    bottom: function (step) { return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    padding-bottom: ", "px;\n  "], ["\n    padding-bottom: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    right: function (step) { return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    padding-right: ", "px;\n  "], ["\n    padding-right: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    left: function (step) { return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    padding-left: ", "px;\n  "], ["\n    padding-left: ", "px;\n  "])), step * style.SUPER_PIXEL); }
};
export var Margin = {
    allSide: function () {
        var steps = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            steps[_i] = arguments[_i];
        }
        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    margin: ", ";\n  "], ["\n    margin: ", ";\n  "])), steps.map(function (step) { return step * style.SUPER_PIXEL + "px"; }).join(" "));
    },
    top: function (step) { return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    bottom: function (step) { return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    margin-bottom: ", "px;\n  "], ["\n    margin-bottom: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    right: function (step) { return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    margin-right: ", "px;\n  "], ["\n    margin-right: ", "px;\n  "])), step * style.SUPER_PIXEL); },
    left: function (step) { return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    margin-left: ", "px;\n  "], ["\n    margin-left: ", "px;\n  "])), step * style.SUPER_PIXEL); }
};
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
