@retriever-ui/system
Version:
21 lines (20 loc) • 1.7 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 grid = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'grid-template-columns', props.columns), (0, _1.responsive)(theme, 'grid-template-rows', props.rows), (0, _1.responsive)(theme, 'grid-template-columns', props.gridTemplateColumns), (0, _1.responsive)(theme, 'grid-template-rows', props.gridTemplateRows), (0, _1.responsive)(theme, 'grid-template-areas', props.gridTemplateAreas), (0, _1.responsive)(theme, 'grid-area', props.gridArea), (0, _1.responsive)(theme, 'grid-auto-rows', props.gridAutoRows), (0, _1.responsive)(theme, 'grid-auto-columns', props.gridAutoColumns), (0, _1.responsive)(theme, 'grid-row-start', props.gridRowStart), (0, _1.responsive)(theme, 'grid-row-end', props.gridRowEnd), (0, _1.responsive)(theme, 'grid-column-end', props.gridColumnEnd), (0, _1.responsive)(theme, 'grid-column-start', props.gridColumnStart), (0, _1.responsive)(theme, 'grid-column', props.gridColumn), (0, _1.responsive)(theme, 'grid-row', props.gridRow));
};
exports.default = grid;