import { __makeTemplateObject } from "tslib";
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import React from 'react';
export var Grid = function (_a) {
    var children = _a.children;
    return (jsx("div", { css: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin-left: -15px;\n\t\t\tjustify-content: center;\n\t\t"], ["\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin-left: -15px;\n\t\t\tjustify-content: center;\n\t\t"]))) }, React.Children.map(children, function (child) {
        return React.cloneElement(child, {
            amountOfCells: children.length,
        });
    })));
};
export * from './Cell';
var templateObject_1;
//# sourceMappingURL=index.js.map