@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
47 lines (46 loc) • 1.31 kB
JavaScript
"use client";
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import Flex from "../flex/Flex.js";
import { warn } from "../../shared/component-helper.js";
import StatRootContext from "./StatRootContext.js";
import useStatSkeleton from "./useStatSkeleton.js";
import Provider from "../../shared/Provider.js";
function Inline({
children,
className = null,
gap = 'x-small',
align = 'center',
skeleton = null,
...rest
}) {
const {
inRoot
} = React.useContext(StatRootContext);
const {
hasSkeleton,
skeletonClass,
applySkeletonAttributes
} = useStatSkeleton(skeleton);
if (!inRoot) {
warn('Stat.Inline should be used inside Stat.Root');
}
const attributes = {};
applySkeletonAttributes(attributes);
return React.createElement(StatRootContext.Provider, {
value: {
inRoot,
skeleton: hasSkeleton
}
}, React.createElement(Provider, {
skeleton: hasSkeleton
}, React.createElement(Flex.Horizontal, _extends({}, rest, attributes, {
gap: gap,
align: align,
className: classnames("dnb-stat dnb-stat__inline", skeletonClass, className)
}), children)));
}
Inline._supportsSpacingProps = true;
export default Inline;
//# sourceMappingURL=Inline.js.map