import{a as p}from"/wp-web-assets/build/_shared/chunk-2TLILPRO.js";import{k as m}from"/wp-web-assets/build/_shared/chunk-VNDGKOW7.js";import{b as i}from"/wp-web-assets/build/_shared/chunk-2YZJKNX4.js";import{E as u,a as M}from"/wp-web-assets/build/_shared/chunk-DFBJ2RPP.js";import{e as a}from"/wp-web-assets/build/_shared/chunk-6OSFCK5A.js";var t=a(M());var e={"c-checkbox":"MUv--","c-checkbox-required":"FeZ4B","checkbox-input":"zQSIu",checked:"_7a2rf","c-checkbox-content":"VtjFy","checked-new":"_0MBjH","check-icon-default":"Bpbpi","check-icon-center":"mBXnn","check-icon-top":"z-WoJ",invalid:"-EI4t","c-checkbox-content-new":"dEnO-"};var c=a(u()),R=({ariaLabel:s,checked:r,children:d,disabled:x,id:f,name:v,required:C,inValid:l,className:g,callback:h,requiredLabel:N,position:k="top"})=>{var b;let{t:I}=m(),[o,q]=(0,t.useState)(r),n=(0,t.useRef)(null),w=e["checked-new"],y=e["c-checkbox-content-new"],B=()=>{q(E=>!E)};return(0,t.useEffect)(()=>{h&&h(!!o)},[o]),(0,c.jsx)("div",{className:e["c-checkbox"],"data-testid":"checkbox-div",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",ref:n,id:f,onChange:B,value:o?"true":"false",name:v,checked:r,disabled:x,required:C,"aria-labelledby":s,className:e["checkbox-input"]}),(0,c.jsxs)("div",{className:i(g,{[e.invalid]:l&&!((b=n==null?void 0:n.current)!=null&&b.checkValidity()),[w]:o,[e["check-icon-center"]]:k==="center"}),children:[o&&(0,c.jsx)(p,{name:"check",height:"15",strokeColor:"white",className:i(e["check-icon-default"],{[e["check-icon-top"]]:k==="top"})}),d&&(0,c.jsxs)("div",{className:y,id:s,"aria-hidden":!0,"data-testid":"checkbox-content",children:[d,N&&(0,c.jsx)("span",{className:e["c-checkbox-required"],children:"*"}),l&&(0,c.jsx)("div",{"aria-live":"assertive",className:"error-msg-new",role:"alert",children:I("Checking this box is required.")})]})]})]})})},T=R;export{T as a};