function s({className:s}){return x.jsx("div",{className:c("mt-4 flex flex-col gap-8",s),children:S.map(s=>x.jsxs("div",{className:"flex animate-pulse items-center",children:[x.jsx("div",{className:"skeleton-bg h-12 w-12 rounded-full"}),x.jsxs("div",{className:"ml-4 flex flex-1 flex-col gap-1",children:[x.jsx("div",{className:"skeleton-bg h-4 w-32 rounded-md"}),x.jsx("div",{className:"skeleton-bg h-3 w-24 rounded-md"})]}),x.jsx("div",{className:"skeleton-bg ml-auto h-4 w-20 rounded-md"})]},s))})}function e(s){return d("%s from last month",s)}function a(){return x.jsxs(u,{className:"col-span-4",children:[x.jsx(f,{children:x.jsx(v,{children:d("Overview")})}),x.jsx(g,{className:"p-4",children:x.jsx(m,{children:x.jsx(j.Suspense,{fallback:x.jsx(i,{}),children:x.jsx(w,{})})})})]})}function r({monthSales:e}){return x.jsxs(u,{className:"col-span-3",children:[x.jsxs(f,{children:[x.jsx(v,{children:d("Recent Sales")}),x.jsxs(N,{children:[d("You made")," ",x.jsx(o,{value:e,format:k,transformTiming:z,opacityTiming:A,className:"font-medium"})," ",d("sales this month.")]})]}),x.jsx(g,{children:x.jsx(m,{children:x.jsx(j.Suspense,{fallback:x.jsx(s,{}),children:x.jsx(w,{})})})})]})}function l(){const s=d("Sales Overviews"),l=e("+20.1%"),i=e("+180.1%"),o=e("+19%"),t=d("%s since last hour","+201"),c=x.jsx(h,{mode:"popover",popoverAlign:"end",dateFormat:"dd MMM yyyy",buttonWidth:"240px",size:"sm",placeholder:d("Select date")});return x.jsxs("div",{className:"flex flex-col gap-5",children:[x.jsx(n,{title:s,topLevelActions:c}),x.jsxs("div",{className:"grid gap-5 md:grid-cols-2 lg:grid-cols-4",children:[x.jsx(p,{title:d("Total Revenue"),value:M,description:l,formatOptions:b}),x.jsx(p,{title:d("Subscriptions"),value:O,description:i}),x.jsx(p,{title:d("Sales"),value:R,description:o}),x.jsx(p,{title:d("Active Now"),value:T,description:t})]}),x.jsxs("div",{className:"grid gap-5 md:grid-cols-2 lg:grid-cols-7",children:[x.jsx(a,{}),x.jsx(r,{monthSales:F})]})]})}import{g as n,ac as i,N as o,q as t}from"./app-components.OQnGA3jf.js";import{h as c,i as d,ad as m}from"./platform-core.tlhrBXt0.js";import{j as x,r as j}from"./vendor-react.DHNfi5sm.js";import{b as p}from"./domain-dashboard-widgets-kpi.C4FvWVtJ.js";import{az as h,y as u,z as f,E as v,G as g,F as N}from"./vendor-design-system.Cz5A3ECO.js";import{S as w}from"./vendor-charts-recharts.B5SuBR0a.js";import{R as y}from"./main.B9BFFe6b.js";const S=["recent-sales-row-0","recent-sales-row-1","recent-sales-row-2","recent-sales-row-3","recent-sales-row-4"],b={style:"currency",currency:"USD"},k={notation:"standard"},z={duration:400,easing:"ease-out"},A={duration:200,easing:"ease-out"},M=1045,O=2350,R=12234,T=573,F=265,q=()=>x.jsx(t,{className:y,children:x.jsx(m,{children:x.jsx(l,{})})});export{q as component};
//# sourceMappingURL=sales.DQAXdZbW.js.map
