@uva-glass/component-library
Version:
React components UvA
51 lines (50 loc) • 2.31 kB
JavaScript
import { jsxs as d, jsx as t } from "react/jsx-runtime";
import { c as y } from "../../clsx-OuTLNxxd.js";
import { Icon as i } from "../Icon/Icon.js";
import '../../assets/EmptyStateDataDisplay.css';const a = {
"empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1ayed_1",
"empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1ayed_9",
"empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1ayed_19",
"empty-state-data-display_wrapper--slim": "_empty-state-data-display_wrapper--slim_1ayed_23",
"empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1ayed_28",
"empty-state-data-display_icon-frame--slim": "_empty-state-data-display_icon-frame--slim_1ayed_32",
"empty-state-data-display_text-content": "_empty-state-data-display_text-content_1ayed_37",
"empty-state-data-display_label": "_empty-state-data-display_label_1ayed_43",
"empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1ayed_47"
}, r = 24, _ = 16;
function n({
label: l,
paragraph: s,
invertColors: p,
variant: e = "regular"
}) {
return /* @__PURE__ */ d(
"div",
{
className: y(a["empty-state-data-display_wrapper"], {
[a["empty-state-data-display_wrapper--invert-colors"]]: p,
[a["empty-state-data-display_wrapper--slim"]]: e === "slim"
}),
children: [
/* @__PURE__ */ t(
"div",
{
className: y(a["empty-state-data-display_icon-frame"], {
[a["empty-state-data-display_icon-frame--invert-colors"]]: p,
[a["empty-state-data-display_icon-frame--slim"]]: e === "slim"
}),
children: /* @__PURE__ */ t(i, { name: "CubeTransparent", size: e === "regular" ? r : _ })
}
),
/* @__PURE__ */ d("div", { className: a["empty-state-data-display_text-content"], children: [
/* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: l }),
s && /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: s })
] })
]
}
);
}
export {
n as EmptyStateDataDisplay
};
//# sourceMappingURL=EmptyStateDataDisplay.js.map