@teamsparta/blog-system/dist/components/FilterBtns/FilterBtns.style.js

팀스파르타의 블로그 시스템

"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.Button = exports.VerticlaDivier = exports.ButtonsWrapper = exports.DesktopLayout = void 0;
var styled_1 = __importDefault(require("@emotion/styled"));
var design_system_1 = require("@teamsparta/design-system");
var variables_1 = require("../../style/variables");
exports.DesktopLayout = styled_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: calc(100% - 32px);\n  margin: 60px auto 40px auto;\n  @media ", " {\n    max-width: 1044px;\n    margin: 100px auto 64px auto;\n  }\n"], ["\n  width: calc(100% - 32px);\n  margin: 60px auto 40px auto;\n  @media ", " {\n    max-width: 1044px;\n    margin: 100px auto 64px auto;\n  }\n"])), variables_1.device.desktop);
exports.ButtonsWrapper = styled_1.default.section(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  @media ", " {\n    gap: 12px;\n  }\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  @media ", " {\n    gap: 12px;\n  }\n"])), variables_1.device.desktop);
exports.VerticlaDivier = styled_1.default.hr(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: none;\n  border-left: 1px solid ", ";\n  height: 21px;\n  width: 1px;\n\n  @media ", " {\n    height: 25px;\n  }\n"], ["\n  border: none;\n  border-left: 1px solid ", ";\n  height: 21px;\n  width: 1px;\n\n  @media ", " {\n    height: 25px;\n  }\n"])), design_system_1.neutralDay.gray40, variables_1.device.desktop);
exports.Button = styled_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 84px;\n  height: 45px;\n  ", "\n  font-weight: ", ";\n  background-color: ", ";\n  border: ", ";\n  color: ", ";\n  border-radius: 100px;\n  cursor: pointer;\n  line-height: normal;\n\n  @media ", " {\n    width: 106px;\n    height: 48px;\n    ", "\n    font-weight: ", ";\n    color: ", ";\n    line-height: normal;\n  }\n"], ["\n  width: 84px;\n  height: 45px;\n  ", "\n  font-weight: ", ";\n  background-color: ", ";\n  border: ", ";\n  color: ", ";\n  border-radius: 100px;\n  cursor: pointer;\n  line-height: normal;\n\n  @media ", " {\n    width: 106px;\n    height: 48px;\n    ", "\n    font-weight: ", ";\n    color: ", ";\n    line-height: normal;\n  }\n"])), design_system_1.mBody2, function (_a) {
    var isClicked = _a.isClicked;
    return (isClicked ? "600" : "400");
}, function (_a) {
    var isClicked = _a.isClicked;
    return isClicked ? "".concat(design_system_1.neutralDay.gray100) : "".concat(design_system_1.neutralDay.white);
}, function (_a) {
    var isClicked = _a.isClicked;
    return isClicked ? "none" : "1px solid ".concat(design_system_1.neutralDay.gray20);
}, function (_a) {
    var isClicked = _a.isClicked;
    return isClicked ? "".concat(design_system_1.neutralDay.white) : "".concat(design_system_1.neutralDay.gray90);
}, variables_1.device.desktop, design_system_1.wBody2, function (_a) {
    var isClicked = _a.isClicked;
    return (isClicked ? "600" : "400");
}, function (_a) {
    var isClicked = _a.isClicked;
    return isClicked ? "".concat(design_system_1.neutralDay.white) : "".concat(design_system_1.neutralDay.gray90);
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
//# sourceMappingURL=FilterBtns.style.js.map