primereact
Version:
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
2 lines (1 loc) • 2.1 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.card=function(e,t,r,a,l,s){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=c(t),i=a.ComponentBase.extend({defaultProps:{__TYPE:"Card",id:null,header:null,footer:null,title:null,subTitle:null,style:null,className:null,children:void 0},css:{classes:{root:"p-card p-component",header:"p-card-header",title:"p-card-title",subTitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer",body:"p-card-body"},styles:"\n@layer primereact {\n .p-card-header img {\n width: 100%;\n }\n}\n"}}),o=n.forwardRef((function(e,t){var c=l.useMergeProps(),o=n.useContext(r.PrimeReactContext),d=i.getProps(e,o),u=n.useRef(t),m=i.setMetaData({props:d}),p=m.ptm,f=m.cx;a.useHandleStyle(i.css.styles,m.isUnstyled,{name:"card"});n.useEffect((function(){s.ObjectUtils.combinedRefs(u,t)}),[u,t]);var b,h,y,v,E,O,g,j,N,P,T=c({id:d.id,ref:u,style:d.style,className:s.classNames(d.className,f("root"))},i.getOtherProps(d),p("root")),C=(b=c({className:f("header")},p("header")),d.header?n.createElement("div",b,s.ObjectUtils.getJSXElement(d.header,d)):null),U=(h=c({className:f("title")},p("title")),y=d.title&&n.createElement("div",h,s.ObjectUtils.getJSXElement(d.title,d)),v=c({className:f("subTitle")},p("subTitle")),E=d.subTitle&&n.createElement("div",v,s.ObjectUtils.getJSXElement(d.subTitle,d)),O=c({className:f("content")},p("content")),g=d.children&&n.createElement("div",O,d.children),j=c({className:f("footer")},p("footer")),N=d.footer&&n.createElement("div",j,s.ObjectUtils.getJSXElement(d.footer,d)),P=c({className:f("body")},p("body")),n.createElement("div",P,y,E,g,N));return n.createElement("div",T,C,U)}));return o.displayName="Card",e.Card=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);