@cimpress/react-components/dist/esm/src/Grid.js

React components to support the MCP styleguide

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;
};
import React from 'react';
import { cx } from '@emotion/css';
import cvar from './theme/cvar';
export const Grid = (_a) => {
    var { className, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumnEnd, gridColumnStart, gridColumn, gridRowEnd, gridRowStart, gridRow, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, gridTemplate, gap, columnGap, rowGap, columns, style, children } = _a, restProps = __rest(_a, ["className", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumnEnd", "gridColumnStart", "gridColumn", "gridRowEnd", "gridRowStart", "gridRow", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "gridTemplate", "gap", "columnGap", "rowGap", "columns", "style", "children"]);
    const gridStyle = {
        display: 'grid',
        gridGap: gap && cvar(gap),
        gridTemplateColumns: gridTemplateColumns || (columns && `repeat(${columns} 1fr)`),
        columnGap: columnGap && cvar(columnGap),
        rowGap: rowGap && cvar(rowGap),
        gridArea,
        gridAutoColumns,
        gridAutoFlow,
        gridAutoRows,
        gridColumnEnd,
        gridColumnStart,
        gridColumn,
        gridRowEnd,
        gridRowStart,
        gridRow,
        gridTemplateAreas,
        gridTemplateRows,
        gridTemplate,
    };
    return (React.createElement("div", Object.assign({ className: cx('crc-grid', className), style: Object.assign(Object.assign({}, gridStyle), style) }, restProps), children));
};
//# sourceMappingURL=Grid.js.map