@kopexa/sight
Version:
Kopexa Sight Design System — React component library for GRC applications
72 lines (69 loc) • 2.81 kB
JavaScript
"use client";
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/components/blankstate/index.ts
var blankstate_exports = {};
__export(blankstate_exports, {
Blankstate: () => Blankstate
});
module.exports = __toCommonJS(blankstate_exports);
// src/components/blankstate/blankstate.tsx
var import_shared_utils = require("@kopexa/shared-utils");
var import_theme = require("@kopexa/theme");
var import_jsx_runtime = require("react/jsx-runtime");
var Blankstate = (props) => {
const {
className,
children,
classNames,
icon,
title,
description,
size,
bordered,
narrow,
...rest
} = props;
const styles = (0, import_theme.blankstate)({ size, bordered, narrow });
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"div",
{
className: styles.root({ className: (0, import_shared_utils.cn)(classNames == null ? void 0 : classNames.root, className) }),
...rest,
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.container({ className: classNames == null ? void 0 : classNames.container }), children: [
icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.icon({ className: classNames == null ? void 0 : classNames.icon }), children: icon }),
title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"div",
{
className: styles.description({
className: classNames == null ? void 0 : classNames.description
}),
children: description
}
),
children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.actions({ className: classNames == null ? void 0 : classNames.actions }), children })
] })
}
);
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
Blankstate
});