import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import n,{Suspense as t}from"react";import{DEFAULT_BLOC_PROPERTIES as a}from"../Bloc/BlocProperties.js";import l from"../common/Loading/Loading.js";var i=e(e({},a),{items:[]});export default function(e){var a=e.items;return n.createElement(n.Fragment,null,n.createElement(t,{fallback:n.createElement(l,null)},n.createElement("div",{className:"Stats"},n.createElement("div",{className:"Items"},a.map((function(e,t){return n.createElement("p",{className:"Record",key:t},n.createElement("span",{className:"Key"},e.key),n.createElement("span",{className:"Value"},e.value))}))))),n.createElement("style",{jsx:!0},"\n                .Stats {\n                    display: inline-flex;\n                    background: #051634;\n                    padding: 11px;\n                    color: #fff;\n                }\n                .Record {\n                    display: flex;\n                    align-items: center;\n                }\n\n                .Items > * + * {\n                    border-top: 1px solid rgba(239, 243, 248, 0.2);\n                }\n\n                p {\n                    margin: 0;\n                }\n\n                .Stats .Key {\n                    min-width: 3em;\n                    line-height: 1;\n\n                    font-family: Avenir Next Bold;\n                    font-weight: 800;\n                    font-size: 45px;\n                    padding: 11px;\n                    letter-spacing: -0.022em;\n                }\n                .Stats .Value {\n                    min-width: 20em;\n                    flex: 2 1;\n                    line-height: 1.44;\n                    font-family: Bressay;\n                    padding: 11px;\n                    font-size: 18px;\n                }\n            "))}export{i as DEFAULT_STATS};
//# sourceMappingURL=Stats.js.map
