import{az as O,ax as l,ay as j,j as a,V as _,aA as f,aB as R,aC as b}from"./index-DTC0Ed21.js";var c={root:"m_de3d2490",colorOverlay:"m_862f3d1b",shadowOverlay:"m_98ae7f22",alphaOverlay:"m_95709ac0",childrenOverlay:"m_93e74e3"};const t={withShadow:!0},g=f((r,{radius:o,size:e})=>({root:{"--cs-radius":o===void 0?void 0:b(o),"--cs-size":R(e)}})),n=O((r,o)=>{const e=l("ColorSwatch",t,r),{classNames:d,className:h,style:i,styles:y,unstyled:p,vars:v,color:m,size:u,radius:z,withShadow:w,children:x,variant:S,...C}=l("ColorSwatch",t,e),s=j({name:"ColorSwatch",props:e,classes:c,className:h,style:i,classNames:d,styles:y,unstyled:p,vars:v,varsResolver:g});return a.jsxs(_,{ref:o,variant:S,size:u,...s("root",{focusable:!0}),...C,children:[a.jsx("span",{...s("alphaOverlay")}),w&&a.jsx("span",{...s("shadowOverlay")}),a.jsx("span",{...s("colorOverlay",{style:{backgroundColor:m}})}),a.jsx("span",{...s("childrenOverlay"),children:x})]})});n.classes=c;n.displayName="@mantine/core/ColorSwatch";export{n as C};
