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.09 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),a=require("primereact/hooks"),l=require("primereact/utils");function s(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 c=s(e),n=r.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"}}),i=c.forwardRef((function(e,s){var i=a.useMergeProps(),o=c.useContext(t.PrimeReactContext),d=n.getProps(e,o),u=c.useRef(s),m=n.setMetaData({props:d}),p=m.ptm,f=m.cx;r.useHandleStyle(n.css.styles,m.isUnstyled,{name:"card"});c.useEffect((function(){l.ObjectUtils.combinedRefs(u,s)}),[u,s]);var b,y,h,v,E,O,g,j,N,P,T=i({id:d.id,ref:u,style:d.style,className:l.classNames(d.className,f("root"))},n.getOtherProps(d),p("root")),x=(b=i({className:f("header")},p("header")),d.header?c.createElement("div",b,l.ObjectUtils.getJSXElement(d.header,d)):null),C=(y=i({className:f("title")},p("title")),h=d.title&&c.createElement("div",y,l.ObjectUtils.getJSXElement(d.title,d)),v=i({className:f("subTitle")},p("subTitle")),E=d.subTitle&&c.createElement("div",v,l.ObjectUtils.getJSXElement(d.subTitle,d)),O=i({className:f("content")},p("content")),g=d.children&&c.createElement("div",O,d.children),j=i({className:f("footer")},p("footer")),N=d.footer&&c.createElement("div",j,l.ObjectUtils.getJSXElement(d.footer,d)),P=i({className:f("body")},p("body")),c.createElement("div",P,h,E,g,N));return c.createElement("div",T,x,C)}));i.displayName="Card",exports.Card=i;