@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
52 lines (51 loc) • 1.3 kB
JavaScript
"use client";
import React from 'react';
import clsx from 'clsx';
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";
import { jsx as _jsx } from "react/jsx-runtime";
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 _jsx(StatRootContext, {
value: {
inRoot,
skeleton: hasSkeleton
},
children: _jsx(Provider, {
skeleton: hasSkeleton,
children: _jsx(Flex.Horizontal, {
...rest,
...attributes,
gap: gap,
align: align,
className: clsx("dnb-stat dnb-stat__inline", skeletonClass, className),
children: children
})
})
});
}
Inline._supportsSpacingProps = true;
export default Inline;
//# sourceMappingURL=Inline.js.map