var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
import { paddingX } from './helpers.js';
export var getStyles = memoizeGetStyles(function (emotion) { return ({
    rootSmall: function (t) {
        return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), tabsRoot(t, 'small', emotion));
    },
    rootMedium: function (t) {
        return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), tabsRoot(t, 'medium', emotion));
    },
    rootLarge: function (t) {
        return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), tabsRoot(t, 'large', emotion));
    },
    vertical: function () {
        return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        margin: 0;\n      "], ["\n        margin: 0;\n      "])));
    },
}); });
function tabsRoot(t, size, _a) {
    var css = _a.css;
    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "], ["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
}
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=Tabs.styles.js.map