@retriever-ui/system
Version:
21 lines (20 loc) • 1.91 kB
JavaScript
;
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("@emotion/react");
var _1 = require("./");
var background = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'background', props.bg), (0, _1.responsive)(theme, 'background-color', props.bgColor), (0, _1.responsive)(theme, 'background-image', props.bgImage), (0, _1.responsive)(theme, 'background-image', props.bgGradient), (0, _1.responsive)(theme, 'background-position', props.bgPosition), (0, _1.responsive)(theme, 'background-repeat', props.bgRepeat), (0, _1.responsive)(theme, 'background-size', props.bgSize), (0, _1.responsive)(theme, 'background-attachment', props.bgAttachment), (0, _1.responsive)(theme, 'background-clip', props.bgClip), (0, _1.responsive)(theme, 'background', props.background), (0, _1.responsive)(theme, 'background-color', props.backgroundColor), (0, _1.responsive)(theme, 'background-image', props.backgroundImage), (0, _1.responsive)(theme, 'background-position', props.backgroundPosition), (0, _1.responsive)(theme, 'background-repeat', props.backgroundRepeat), (0, _1.responsive)(theme, 'background-size', props.backgroundSize), (0, _1.responsive)(theme, 'background-attachment', props.backgroundAttachment), (0, _1.responsive)(theme, 'background-clip', props.backgroundClip));
};
exports.default = background;