import r from"./apexcharts.esm-CfSzfZrp.js";function c(){const a={fontFamily:"Plus Jakarta Sans, system-ui, sans-serif"},o={borderColor:"#EFEBE0",strokeDashArray:4},e={colors:"#6B807C",fontSize:"11px"},i=s=>{document.querySelectorAll(".tab-panel").forEach(t=>t.classList.toggle("hidden",t.dataset.panel!==s)),document.querySelectorAll(".tab-btn").forEach(t=>{const l=t.dataset.tab===s;t.classList.toggle("bg-wa-deep",l),t.classList.toggle("text-paper-0",l),t.classList.toggle("text-ink-600",!l),t.classList.toggle("hover:bg-paper-50",!l)}),window.dispatchEvent(new Event("resize"))};document.querySelectorAll(".tab-btn").forEach(s=>s.addEventListener("click",()=>i(s.dataset.tab))),new r(document.querySelector("#chart-trend"),{chart:{type:"line",height:320,toolbar:{show:!1},...a},series:[{name:"Spend",data:[32,38,44,49,55,60,66,68,72,78]},{name:"Clicks",data:[140,166,180,205,224,238,251,264,281,301]},{name:"Leads",data:[10,14,16,19,18,21,23,19,22,22]}],colors:["#075E54","#128C7E","#E5A04E"],stroke:{curve:"smooth",width:3},markers:{size:0},grid:o,xaxis:{categories:["Apr 18","Apr 19","Apr 20","Apr 21","Apr 22","Apr 23","Apr 24","Apr 25","Apr 26","Apr 27"],labels:{style:e}},yaxis:{labels:{style:e}},legend:{show:!1}}).render(),new r(document.querySelector("#chart-outcomes"),{chart:{type:"donut",height:285,...a},labels:["WhatsApp chats","Website visits","Lead forms","Drop offs"],series:[642,914,184,470],colors:["#075E54","#128C7E","#E5A04E","#E87A5D"],dataLabels:{enabled:!1},legend:{position:"bottom",fontSize:"11px"},stroke:{colors:["#FBFAF6"]}}).render(),new r(document.querySelector("#chart-placement"),{chart:{type:"bar",height:260,toolbar:{show:!1},...a},series:[{name:"Spend",data:[162,104,86,60]}],colors:["#075E54"],plotOptions:{bar:{horizontal:!0,borderRadius:6}},grid:o,xaxis:{categories:["Facebook feed","Instagram reels","Instagram stories","Marketplace"],labels:{style:e}},yaxis:{labels:{style:e}},dataLabels:{enabled:!1}}).render(),new r(document.querySelector("#chart-audience"),{chart:{type:"bar",height:330,stacked:!0,toolbar:{show:!1},...a},series:[{name:"Women",data:[18,48,62,31,12]},{name:"Men",data:[9,18,24,14,6]}],colors:["#075E54","#E5A04E"],plotOptions:{bar:{borderRadius:5,columnWidth:"48%"}},grid:o,xaxis:{categories:["18-24","25-34","35-44","45-54","55+"],labels:{style:e}},yaxis:{labels:{style:e}},legend:{position:"top",horizontalAlign:"right"},dataLabels:{enabled:!1}}).render(),new r(document.querySelector("#chart-revenue"),{chart:{type:"area",height:330,toolbar:{show:!1},...a},series:[{name:"Attributed revenue",data:[180,280,320,420,510,640,780,930,1180,1320]},{name:"Ad spend",data:[32,70,114,163,218,278,344,412,484,562]}],colors:["#075E54","#E5A04E"],stroke:{curve:"smooth",width:3},fill:{type:"gradient",gradient:{opacityFrom:.24,opacityTo:.02}},grid:o,xaxis:{categories:["D0","D1","D2","D3","D4","D5","D6","D7","D8","D9"],labels:{style:e}},yaxis:{labels:{style:e}},legend:{position:"top",horizontalAlign:"right"}}).render()}export{c as default};
