@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
22 lines (21 loc) • 1.2 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import { h } from "@stencil/core";
import { bem } from "../../../schema/bem-registry";
import { ClickButtonFC } from "../click-button/component";
const skeletonBem = bem.forBlock('kol-skeleton');
const BEM_CLASS_SKELETON__ACTIONS = skeletonBem('actions');
const BEM_CLASS_SKELETON__CONTAINER = skeletonBem('container');
const BEM_CLASS_SKELETON__COUNTER = skeletonBem('counter');
const BEM_CLASS_SKELETON__NAME = skeletonBem('name');
export const SkeletonFC = (props) => {
const { count, label, name, show, handleClick, refButton } = props;
const hasName = !!(show && (name === null || name === void 0 ? void 0 : name.trim()));
const BEM_CLASS_ROOT = skeletonBem({
'has-name': hasName,
'is-hidden': !show,
});
return (h("div", { class: BEM_CLASS_ROOT }, h("div", { class: BEM_CLASS_SKELETON__CONTAINER }, hasName && h("span", { class: BEM_CLASS_SKELETON__NAME }, name), h("div", { class: BEM_CLASS_SKELETON__COUNTER }, "Count: ", count)), h("div", { class: BEM_CLASS_SKELETON__ACTIONS }, h(ClickButtonFC, { label: label, handleClick: handleClick, refButton: refButton }))));
};
//# sourceMappingURL=component.js.map