flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
23 lines (22 loc) • 1.17 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const FCCard = ({ header, footer, title, variant = 'light', border = true, shadow = false, showHeader = false, showFooter = false, className = '', children, ...rest }) => {
const classes = [
'fc-card',
`fc-card-${variant}`,
border ? 'fc-card-border' : '',
shadow ? 'fc-card-shadow' : '',
className
].join(' ');
return (react_1.default.createElement("div", { className: classes, ...rest },
(header || showHeader) && (react_1.default.createElement("div", { className: "fc-card-header" },
title && react_1.default.createElement("h5", { className: "fc-card-title" }, title),
header)),
react_1.default.createElement("div", { className: "fc-card-body" }, children),
(footer || showFooter) && (react_1.default.createElement("div", { className: "fc-card-footer" }, footer))));
};
exports.default = FCCard;