openstack-uicore-foundation/lib/components/mui/cards/table-card.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={6272:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(8619),o=r(2015),a=r.n(o);const i=({children:e})=>a().createElement(n.Typography,{variant:"subtitle2",component:"div",sx:{minWidth:120,alignSelf:"self-start"}},e)},8395:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(8619),o=r(2015),a=r.n(o);const i=({children:e})=>a().createElement(n.Typography,{variant:"body2",component:"div",sx:{textAlign:"left",minWidth:120,alignSelf:"self-start"}},e)},8619:e=>{e.exports=require("@mui/material")},2015:e=>{e.exports=require("react")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};r.r(n),r.d(n,{default:()=>c});var o=r(2015),a=r.n(o),i=r(8619),l=r(8395),p=r(6272);const c=({title:e,rows:t=[],columns:r=[]})=>a().createElement(i.Card,{sx:{minWidth:275,borderRadius:"10px",height:"100%"},variant:"outlined"},a().createElement(i.CardContent,null,a().createElement(i.Typography,{gutterBottom:!0,variant:"h6"},e),a().createElement(i.List,{sx:{marginTop:"20px"}},a().createElement(i.ListItem,{sx:{display:"flex",height:50,gap:2}},r.map(((e,t)=>a().createElement(p.A,{key:`col-${e.key}-${t}`},e.label)))),a().createElement(i.Divider,{component:"li",role:"presentation"}),t.map(((e,n)=>a().createElement(a().Fragment,{key:`row-${n}`},a().createElement(i.ListItem,{sx:{display:"flex",minHeight:60,gap:2}},r.map(((t,r)=>a().createElement(l.A,{key:`col-val-${t.key}-${r}`},e[t.key])))),n<t.length-1&&a().createElement(i.Divider,{component:"li",role:"presentation"})))))));return n})()));
//# sourceMappingURL=table-card.js.map