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