import{j as t}from"./jsx-runtime-C35QZyMw.js";import{R as d,I as x}from"./index-yMgl6Pkt.js";import{r as e}from"./chunk-LFPYN7LY-BBzdRvLF.js";import{R as a}from"./index-Nq6i3Apf.js";import{u as p}from"./use_date_formatter-Cr9OEzCp.js";import{u as f}from"./useTranslation-Dc8c5s9c.js";const w=({percentComplete:s,lastPublishedAt:r,type:o,className:n,compact:m})=>{const{i18n:j}=f(),[i,l]=e.useState(!1),u=p({year:"numeric",month:"2-digit",day:"2-digit"}),c=o==="AuthorCourse"?"w_complete_course_amount":"w_complete_amount";return e.useEffect(()=>{l(!0)}),!s||!r||!i?null:t.jsxs("div",{className:`z-10 mx-auto px-4 ${m?"py-2":"py-4"} ${n??""}`.trim(),children:[t.jsx(d,{value:s,className:"h-2 rounded-full bg-neutral-300 dark:bg-zinc-700",children:t.jsx(x,{className:"h-full rounded-full bg-blue-600",style:{width:`${s}%`}})}),t.jsxs("div",{className:"mt-2 flex flex-col text-center text-sm",children:[t.jsx("span",{children:t.jsx(a,{k:c,opts:{percent_complete:s}})}),t.jsx("span",{className:"text-sm opacity-70",children:t.jsx(a,{k:"w_last_updated_time",opts:{updated_at:u(r)}})})]})]})};export{w as P};