"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 });
var styled_components_1 = __importDefault(require("styled-components"));
var theme_interface_1 = require("../../types/theme.interface");
var css = styled_components_1.default.div;
exports.default = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   .nav-actions {\n      background: ", ";\n      width: 100%;\n\n      .deselect {\n         font-size: 16px;\n         color: ", ";\n         padding-left: 14px;\n         background: rgba(0, 0, 0, 0.12);\n\n         &:hover {\n            cursor: pointer;\n         }\n      }\n\n      .count-items {\n         font-size: 16px;\n         color: ", ";\n         padding-left: 14px;\n         background: rgba(0, 0, 0, 0.12);\n         padding-right: 15px;\n      }\n\n      .actions {\n         text-align: left;\n\n         @media only screen and (max-width: 1024px) {\n            text-align: right;\n         }\n\n         .header-icon {\n            color: ", ";\n            display: inline-block;\n            font-size: 18px;\n            width: 40px;\n            height: 40px;\n            margin-left: 5px;\n            line-height: 40px;\n            position: relative;\n            text-align: center;\n            cursor: pointer;\n\n            i {\n               position: relative;\n               z-index: 2;\n            }\n\n            &:before {\n               position: absolute;\n               top: 50%;\n               left: 50%;\n               transform: translate(-50%, -50%);\n               content: '';\n               background: rgba(0, 0, 0, 0.1);\n               width: 0px;\n               height: 0px;\n               position: absolute;\n               border-radius: 100%;\n               transition: 0.2s all;\n               z-index: 1;\n            }\n\n            &:hover {\n               &:before {\n                  width: 40px;\n                  height: 40px;\n                  transition: 0.2s all;\n               }\n            }\n         }\n      }\n   }\n"], ["\n   .nav-actions {\n      background: ",
    ";\n      width: 100%;\n\n      .deselect {\n         font-size: 16px;\n         color: ", ";\n         padding-left: 14px;\n         background: rgba(0, 0, 0, 0.12);\n\n         &:hover {\n            cursor: pointer;\n         }\n      }\n\n      .count-items {\n         font-size: 16px;\n         color: ", ";\n         padding-left: 14px;\n         background: rgba(0, 0, 0, 0.12);\n         padding-right: 15px;\n      }\n\n      .actions {\n         text-align: left;\n\n         @media only screen and (max-width: 1024px) {\n            text-align: right;\n         }\n\n         .header-icon {\n            color: ", ";\n            display: inline-block;\n            font-size: 18px;\n            width: 40px;\n            height: 40px;\n            margin-left: 5px;\n            line-height: 40px;\n            position: relative;\n            text-align: center;\n            cursor: pointer;\n\n            i {\n               position: relative;\n               z-index: 2;\n            }\n\n            &:before {\n               position: absolute;\n               top: 50%;\n               left: 50%;\n               transform: translate(-50%, -50%);\n               content: '';\n               background: rgba(0, 0, 0, 0.1);\n               width: 0px;\n               height: 0px;\n               position: absolute;\n               border-radius: 100%;\n               transition: 0.2s all;\n               z-index: 1;\n            }\n\n            &:hover {\n               &:before {\n                  width: 40px;\n                  height: 40px;\n                  transition: 0.2s all;\n               }\n            }\n         }\n      }\n   }\n"])), function (props) { var _a, _b; return props.background || ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.navActions) === null || _b === void 0 ? void 0 : _b.backgroundColor) || props.theme.primary || theme_interface_1.ThemeDefault.primary; }, function (props) { var _a, _b; return props.color || ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.navActions) === null || _b === void 0 ? void 0 : _b.textColor) || theme_interface_1.ThemeDefault.primaryTextInside; }, function (props) { var _a, _b; return props.color || ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.navActions) === null || _b === void 0 ? void 0 : _b.textColor) || theme_interface_1.ThemeDefault.primaryTextInside; }, function (props) { var _a, _b; return props.color || ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.navActions) === null || _b === void 0 ? void 0 : _b.textColor) || theme_interface_1.ThemeDefault.primaryTextInside; });
var templateObject_1;
//# sourceMappingURL=NavActions.style.js.map