"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 macro_1 = require("styled-components/macro");
var createHoverableOnlyCss_1 = __importDefault(require("./createHoverableOnlyCss"));
/**
 * Opposite of `getClickableCss`
 * @category styledComponents
 * @module getClearClickableCss
 */
var getClearClickableCss = function () { return (0, macro_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: default;\n  user-select: auto;\n  transition: none;\n  ", "\n"], ["\n  cursor: default;\n  user-select: auto;\n  transition: none;\n  ", "\n"])), (0, createHoverableOnlyCss_1.default)((0, macro_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &::hover,\n    &::active {\n      opacity: 1;\n    } \n  "], ["\n    &::hover,\n    &::active {\n      opacity: 1;\n    } \n  "]))))); };
exports.default = getClearClickableCss;
var templateObject_1, templateObject_2;