import{j as e,P as s}from"./index-BVAJPyoi.js";import{P as i}from"./PageBreadCrumb-CUJRczU-.js";import{C as r}from"./ComponentCard-2ewZxZ3E.js";import{C as o}from"./react-apexcharts.min-BV_grN_I.js";import"./index-Chjiymov.js";function l(){const a={legend:{show:!1,position:"top",horizontalAlign:"left"},colors:["#465FFF","#9CB9FF"],chart:{fontFamily:"Outfit, sans-serif",height:310,type:"line",toolbar:{show:!1}},stroke:{curve:"straight",width:[2,2]},fill:{type:"gradient",gradient:{opacityFrom:.55,opacityTo:0}},markers:{size:0,strokeColors:"#fff",strokeWidth:2,hover:{size:6}},grid:{xaxis:{lines:{show:!1}},yaxis:{lines:{show:!0}}},dataLabels:{enabled:!1},tooltip:{enabled:!0,x:{format:"dd MMM yyyy"}},xaxis:{type:"category",categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],axisBorder:{show:!1},axisTicks:{show:!1},tooltip:{enabled:!1}},yaxis:{labels:{style:{fontSize:"12px",colors:["#6B7280"]}},title:{text:"",style:{fontSize:"0px"}}}},t=[{name:"Sales",data:[180,190,170,160,175,165,170,205,230,210,240,235]},{name:"Revenue",data:[40,30,50,40,55,40,70,100,110,120,150,140]}];return e.jsx("div",{className:"max-w-full overflow-x-auto custom-scrollbar",children:e.jsx("div",{id:"chartEight",className:"min-w-[1000px]",children:e.jsx(o,{options:a,series:t,type:"area",height:310})})})}function p(){return e.jsxs(e.Fragment,{children:[e.jsx(s,{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"}),e.jsx(i,{pageTitle:"Line Chart"}),e.jsx("div",{className:"space-y-6",children:e.jsx(r,{title:"Line Chart 1",children:e.jsx(l,{})})})]})}export{p as default};
