react-loader-spinner/dist/comment.cjs

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

'use strict';var jsxRuntime=require('react/jsx-runtime');var t={"aria-busy":true,role:"progressbar"};var i="http://www.w3.org/2000/svg";var C=({visible:a=true,width:n="80",height:o="80",backgroundColor:s="#ff6d00",color:r="#fff",wrapperClass:l="",wrapperStyle:c={},ariaLabel:p="comment-loading"})=>a?jsxRuntime.jsxs("svg",{width:n,height:o,xmlns:i,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:l,style:c,"aria-label":p,"data-testid":"comment-svg",...t,children:[jsxRuntime.jsx("path",{d:"M78,19H22c-6.6,0-12,5.4-12,12v31c0,6.6,5.4,12,12,12h37.2c0.4,3,1.8,5.6,3.7,7.6c2.4,2.5,5.1,4.1,9.1,4 c-1.4-2.1-2-7.2-2-10.3c0-0.4,0-0.8,0-1.3h8c6.6,0,12-5.4,12-12V31C90,24.4,84.6,19,78,19z",fill:s}),jsxRuntime.jsx("circle",{cx:"30",cy:"47",r:"5",fill:r,children:jsxRuntime.jsx("animate",{attributeName:"opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0s",repeatCount:"indefinite"})}),jsxRuntime.jsx("circle",{cx:"50",cy:"47",r:"5",fill:r,children:jsxRuntime.jsx("animate",{attributeName:"opacity",calcMode:"linear",values:"0;0;1;1",keyTimes:"0;0.2;0.4;1",dur:"1",begin:"0s",repeatCount:"indefinite"})}),jsxRuntime.jsx("circle",{cx:"70",cy:"47",r:"5",fill:r,children:jsxRuntime.jsx("animate",{attributeName:"opacity",calcMode:"linear",values:"0;0;1;1",keyTimes:"0;0.4;0.6;1",dur:"1",begin:"0s",repeatCount:"indefinite"})})]}):null;
exports.Comment=C;//# sourceMappingURL=comment.cjs.map
//# sourceMappingURL=comment.cjs.map