import{j as a,P as r}from"./index-BVAJPyoi.js";import{P as i}from"./PageBreadCrumb-CUJRczU-.js";import{C as o}from"./ComponentCard-2ewZxZ3E.js";import{C as l}from"./react-apexcharts.min-BV_grN_I.js";import"./index-Chjiymov.js";function n(){const t={colors:["#465fff"],chart:{fontFamily:"Outfit, sans-serif",type:"bar",height:180,toolbar:{show:!1}},plotOptions:{bar:{horizontal:!1,columnWidth:"39%",borderRadius:5,borderRadiusApplication:"end"}},dataLabels:{enabled:!1},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],axisBorder:{show:!1},axisTicks:{show:!1}},legend:{show:!0,position:"top",horizontalAlign:"left",fontFamily:"Outfit"},yaxis:{title:{text:void 0}},grid:{yaxis:{lines:{show:!0}}},fill:{opacity:1},tooltip:{x:{show:!1},y:{formatter:e=>`${e}`}}},s=[{name:"Sales",data:[168,385,201,298,187,195,291,110,215,390,280,112]}];return a.jsx("div",{className:"max-w-full overflow-x-auto custom-scrollbar",children:a.jsx("div",{id:"chartOne",className:"min-w-[1000px]",children:a.jsx(l,{options:t,series:s,type:"bar",height:180})})})}function f(){return a.jsxs("div",{children:[a.jsx(r,{title:"React.js Chart Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Chart Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),a.jsx(i,{pageTitle:"Bar Chart"}),a.jsx("div",{className:"space-y-6",children:a.jsx(o,{title:"Bar Chart 1",children:a.jsx(n,{})})})]})}export{f as default};
