@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
58 lines (57 loc) • 1.83 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Flex = _interopRequireDefault(require("../flex/Flex.js"));
var _componentHelper = require("../../shared/component-helper.js");
var _StatRootContext = _interopRequireDefault(require("./StatRootContext.js"));
var _useStatSkeleton = _interopRequireDefault(require("./useStatSkeleton.js"));
var _Provider = _interopRequireDefault(require("../../shared/Provider.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Inline({
children,
className = null,
gap = 'x-small',
align = 'center',
skeleton = null,
...rest
}) {
const {
inRoot
} = _react.default.useContext(_StatRootContext.default);
const {
hasSkeleton,
skeletonClass,
applySkeletonAttributes
} = (0, _useStatSkeleton.default)(skeleton);
if (!inRoot) {
(0, _componentHelper.warn)('Stat.Inline should be used inside Stat.Root');
}
const attributes = {};
applySkeletonAttributes(attributes);
return (0, _jsxRuntime.jsx)(_StatRootContext.default, {
value: {
inRoot,
skeleton: hasSkeleton
},
children: (0, _jsxRuntime.jsx)(_Provider.default, {
skeleton: hasSkeleton,
children: (0, _jsxRuntime.jsx)(_Flex.default.Horizontal, {
...rest,
...attributes,
gap: gap,
align: align,
className: (0, _clsx.default)("dnb-stat dnb-stat__inline", skeletonClass, className),
children: children
})
})
});
}
Inline._supportsSpacingProps = true;
var _default = exports.default = Inline;
//# sourceMappingURL=Inline.js.map