primereact/skeleton/skeleton.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o={defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0},getProps:function(e){return r.getMergedProps(e,o.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,o.defaultProps)}},i=e.memo(e.forwardRef((function(r,i){var s=o.getProps(r),a=e.useRef(null),l=o.getOtherProps(s),u=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},p=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===s.shape,"p-skeleton-none":"none"===s.animation},s.className);return e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return a.current}}})),e.createElement("div",n({ref:a,style:u,className:p},l))})));i.displayName="Skeleton";export{i as Skeleton};