@anoki/fse-ui/dist/index.cjs195.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/MostVisitedHoursChart/MostVisitedHoursChart.css');const s=require("./index.cjs278.js");;/* empty css              */const n=require("./index.cjs219.js"),x=require("./index.cjs82.js"),c=[{hour:8,value:100},{hour:9,value:85},{hour:10,value:65},{hour:11,value:50},{hour:12,value:50},{hour:13,value:50},{hour:14,value:75},{hour:15,value:60},{hour:16,value:60},{hour:17,value:85},{hour:18,value:85},{hour:19,value:78,isActive:!0},{hour:20,value:45}],h=["08","11","14","17","20"],m=({data:a=c,title:r="Orari con il maggior numero di visite alla struttura",labels:i=h,updateValue:l=5,updateUnit:u="minuti",statusHighlightText:o="più affollato del solito"})=>s.jsxRuntimeExports.jsxs("article",{className:"bg-white shadow br-x4 ui-most-visited-hours",children:[s.jsxRuntimeExports.jsx(n.Row,{as:"header",gap:"x16",className:"align-items-center",children:s.jsxRuntimeExports.jsx("h3",{className:"fs-5 md-fs-custom-2 fw-semibold text-slate-20",children:r})}),s.jsxRuntimeExports.jsxs("div",{className:"ui-most-visited-hours-content",children:[s.jsxRuntimeExports.jsxs(x.Col,{className:"status-bar",py:"x8",fw:"bold",fs:"6",children:[s.jsxRuntimeExports.jsxs("p",{className:"status-main text-slate-28",children:["Adesso ",s.jsxRuntimeExports.jsx("span",{className:"status-highlight",children:o})]}),s.jsxRuntimeExports.jsxs("p",{className:"status-update fw-regular text-grey-black",children:["Dato aggiornato ogni ",l," ",u]})]}),s.jsxRuntimeExports.jsxs("div",{className:"chart-container pt-x32",children:[s.jsxRuntimeExports.jsxs("div",{className:"chart-bars-wrapper",children:[s.jsxRuntimeExports.jsx("div",{className:"avg-line"}),a.map((e,t)=>s.jsxRuntimeExports.jsx("div",{className:"chart-bar-container",children:s.jsxRuntimeExports.jsx("div",{className:`chart-bar ${e.isActive?"active":""}`,style:{height:`${e.value}%`}})},t))]}),s.jsxRuntimeExports.jsx("div",{className:"chart-labels",children:i.map((e,t)=>s.jsxRuntimeExports.jsx("span",{className:"chart-label",children:e},t))})]})]})]});exports.MostVisitedHoursChart=m;
//# sourceMappingURL=index.cjs195.js.map