infinity-forge
Version:
26 lines • 2.41 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabItemComponent = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.TabItemComponent = (0, styled_components_1.default)('button')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0 15px;\n height: 40px;\n color: #2b2b2b;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n background-color: transparent;\n border: 0;\n z-index: 2;\n position: relative;\n\n &:hover {\n transition: 0.1s;\n opacity: 0.75;\n }\n\n .image {\n width: ", "px;\n height: ", "px;\n\n img {\n object-fit: contain;\n }\n\n & + * {\n margin-left: 10px;\n }\n }\n\n > svg {\n fill: ", ";\n width: ", "px;\n height: auto;\n\n & + * {\n margin-left: 10px;\n }\n }\n"], ["\n padding: 0 15px;\n height: 40px;\n color: #2b2b2b;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n background-color: transparent;\n border: 0;\n z-index: 2;\n position: relative;\n\n &:hover {\n transition: 0.1s;\n opacity: 0.75;\n }\n\n .image {\n width: ", "px;\n height: ", "px;\n\n img {\n object-fit: contain;\n }\n\n & + * {\n margin-left: 10px;\n }\n }\n\n > svg {\n fill: ", ";\n width: ", "px;\n height: auto;\n\n & + * {\n margin-left: 10px;\n }\n }\n"])), function (_a) {
var $image = _a.$image;
return ($image === null || $image === void 0 ? void 0 : $image.size) || 40;
}, function (_a) {
var $image = _a.$image;
return ($image === null || $image === void 0 ? void 0 : $image.size) || 40;
}, function (_a) {
var $icon = _a.$icon;
return ($icon === null || $icon === void 0 ? void 0 : $icon.color) || 'black';
}, function (_a) {
var $icon = _a.$icon;
return ($icon === null || $icon === void 0 ? void 0 : $icon.size) || 40;
});
var templateObject_1;
//# sourceMappingURL=styles.js.map