@harvest-profit/npk/dist/BlankSlate/BlankSlate.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 BlankSlate_module_css_1 = __importDefault(require("./BlankSlate.module.css"));
const Card_1 = __importDefault(require("../Card"));
const BlankSlate = ({ title, children, variant = 'normal', className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { ...props, "data-variant": variant, className: `${BlankSlate_module_css_1.default.BlankSlate} ${className || ''}`, "data-component": "blank-slate", children: (0, jsx_runtime_1.jsx)(Card_1.default, { variant: variant === 'border' ? 'invisible' : 'normal', children: (0, jsx_runtime_1.jsxs)("div", { "data-component": "blank-slate-contents", children: [(0, jsx_runtime_1.jsx)("h2", { className: BlankSlate_module_css_1.default.BlankSlateTitle, children: title }), children] }) }) }));
BlankSlate.displayName = 'BlankSlate';
BlankSlate.Description = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { className: BlankSlate_module_css_1.default.BlankSlateDescription, children: children }));
BlankSlate.Description.displayName = 'BlankSlate.Description';
BlankSlate.Actions = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: BlankSlate_module_css_1.default.BlankSlateActions, children: children }));
BlankSlate.Actions.displayName = 'BlankSlate.Actions';
BlankSlate.Visual = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: BlankSlate_module_css_1.default.BlankSlateVisual, children: children }));
BlankSlate.Visual.displayName = 'BlankSlate.Visual';
exports.default = BlankSlate;
//# sourceMappingURL=BlankSlate.js.map