@kopexa/sight
Version:
Kopexa Sight Design System — React component library for GRC applications
49 lines (46 loc) • 1.53 kB
JavaScript
"use client";
// src/components/blankstate/blankstate.tsx
import { cn } from "@kopexa/shared-utils";
import {
blankstate
} from "@kopexa/theme";
import { jsx, jsxs } from "react/jsx-runtime";
var Blankstate = (props) => {
const {
className,
children,
classNames,
icon,
title,
description,
size,
bordered,
narrow,
...rest
} = props;
const styles = blankstate({ size, bordered, narrow });
return /* @__PURE__ */ jsx(
"div",
{
className: styles.root({ className: cn(classNames == null ? void 0 : classNames.root, className) }),
...rest,
children: /* @__PURE__ */ jsxs("div", { className: styles.container({ className: classNames == null ? void 0 : classNames.container }), children: [
icon && /* @__PURE__ */ jsx("div", { className: styles.icon({ className: classNames == null ? void 0 : classNames.icon }), children: icon }),
title && /* @__PURE__ */ jsx("h2", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
description && /* @__PURE__ */ jsx(
"div",
{
className: styles.description({
className: classNames == null ? void 0 : classNames.description
}),
children: description
}
),
children && /* @__PURE__ */ jsx("div", { className: styles.actions({ className: classNames == null ? void 0 : classNames.actions }), children })
] })
}
);
};
export {
Blankstate
};