"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Default", {
    enumerable: true,
    get: function() {
        return Default;
    }
});
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _ = require(".");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var StyledElasticGrid = (0, _styledcomponents.default)(_.ElasticGrid).withConfig({
    displayName: "ElasticGrid.perftest__StyledElasticGrid",
    componentId: "sc-a45519ff-0"
})([
    "width:",
    ";"
], function(param) {
    var $width = param.$width;
    return $width;
});
var Item = _styledcomponents.default.div.withConfig({
    displayName: "ElasticGrid.perftest__Item",
    componentId: "sc-a45519ff-1"
})([
    "width:100%;height:100px;background-color:#999;border-radius:10px;"
]);
var defaultProps = {
    $width: '600px',
    itemsNumber: 5,
    minColWidth: 125,
    gapX: 8,
    gapY: 8
};
var arr = [
    0,
    0,
    0,
    0,
    0
];
var Default = function() {
    return /*#__PURE__*/ _react.default.createElement(StyledElasticGrid, defaultProps, arr.map(function(_, k) {
        return /*#__PURE__*/ _react.default.createElement(Item, {
            key: k
        });
    }));
};
