@braineet/ui
Version:
Braineet design system
21 lines (20 loc) • 1.06 kB
JavaScript
;
exports.__esModule = true;
exports.CheckboxColorStyled = exports.Checkbox = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Checkbox = _styledComponents.default.input.withConfig({
displayName: "scselectColor__Checkbox",
componentId: "sc-ev4oje-0"
})(["display:none;"]);
exports.Checkbox = Checkbox;
var CheckboxColorStyled = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "scselectColor__CheckboxColorStyled",
componentId: "sc-ev4oje-1"
})(["cursor:pointer;transition:transform 0.1s ease-in-out;width:24px;height:24px;border-radius:4px;background:", ";overflow:hidden;display:block;&:hover{transform:scale(1.15);}", ""], function (p) {
return p.colorValue;
}, function (p) {
return p.isActive ? "\n transform: scale(1.15);\n " : '';
});
exports.CheckboxColorStyled = CheckboxColorStyled;