import React from 'react';
import styled from 'styled-components';
import { ElasticGrid } from '.';
var StyledElasticGrid = styled(ElasticGrid).withConfig({
    displayName: "ElasticGrid.perftest__StyledElasticGrid",
    componentId: "sc-a45519ff-0"
})([
    "width:",
    ";"
], function(param) {
    var $width = param.$width;
    return $width;
});
var Item = styled.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
];
export var Default = function() {
    return /*#__PURE__*/ React.createElement(StyledElasticGrid, defaultProps, arr.map(function(_, k) {
        return /*#__PURE__*/ React.createElement(Item, {
            key: k
        });
    }));
};
