@harvest-profit/npk/dist/Card/Card.js

NPK UI Design System

"use strict";
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 = {}, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: `${Card_module_css_1.default.Card} ${className}`, ...props, style: style, "data-block": block, "data-component": "card", "data-variant": variant, children: children }));
Card.displayName = 'Card';
Card.Header = ({ title, children, variant = 'underlined', as: Tag = 'h3', size = 'md', sticky = false }) => ((0, jsx_runtime_1.jsxs)("div", { "data-component": "card-header", "data-variant": variant, "data-size": size, "data-sticky": sticky, children: [title && (0, jsx_runtime_1.jsx)(Tag, { "data-component": "card-header-text", children: title }), children] }));
Card.Header.displayName = 'Card.Header';
Card.Footer = ({ children, as: Tag = 'div' }) => ((0, jsx_runtime_1.jsx)(Tag, { "data-component": "card-footer", children: children }));
Card.Footer.displayName = 'Card.Footer';
Card.HeaderLeadingActions = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-header-leadingActions", children: children }));
Card.HeaderLeadingActions.displayName = 'Card.HeaderLeadingActions';
Card.HeaderTrailingActions = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-header-trailingActions", children: children }));
Card.HeaderTrailingActions.displayName = 'Card.HeaderTrailingActions';
Card.Divider = () => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-divider" }));
Card.Divider.displayName = 'Card.Divider';
Card.Section = ({ children, variant = "muted", ...props }) => ((0, jsx_runtime_1.jsx)("div", { "data-component": "card-section", "data-variant": variant, ...props, children: children }));
Card.Section.displayName = 'Card.Section';
exports.default = Card;
//# sourceMappingURL=Card.js.map