@harvest-profit/npk
Version:
NPK UI Design System
15 lines • 1.55 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const Card_module_css_1 = __importDefault(require("./Card.module.css"));
const Card = ({ children, variant = 'normal', block, className = '', style = {} }) => ((0, jsx_runtime_1.jsx)("div", { className: `${Card_module_css_1.default.Card} ${className}`, style: style, "data-block": block, "data-component": "card", "data-variant": variant, children: children }));
Card.Header = ({ title, children, variant = 'underlined', as: Tag = 'h3', size = 'md' }) => ((0, jsx_runtime_1.jsxs)("div", { "data-component": "card-header", "data-variant": variant, "data-size": size, children: [title && (0, jsx_runtime_1.jsx)(Tag, { "data-component": "card-header-text", children: title }), children] }));
Card.Footer = ({ children, as: Tag = 'div' }) => ((0, jsx_runtime_1.jsx)(Tag, { "data-component": "card-footer", children: children }));
Card.HeaderLeadingActions = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-header-leadingActions", children: children }));
Card.HeaderTrailingActions = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-header-trailingActions", children: children }));
Card.Divider = () => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-divider" }));
exports.default = Card;
//# sourceMappingURL=Card.js.map