@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
40 lines (39 loc) • 1.35 kB
JavaScript
"use client";
import _extends from "@babel/runtime/helpers/esm/extends";
var _Hr;
import React, { useContext } from 'react';
import classnames from 'classnames';
import FlexItem from "../flex/Item.js";
import Hr from "../../elements/Hr.js";
import { ListContext } from "./ListContext.js";
import { createSkeletonClass } from "../skeleton/SkeletonHelper.js";
import Context from "../../shared/Context.js";
function ItemFooter({
className,
skeleton,
children,
...rest
}) {
const context = useContext(Context);
const inheritedSkeleton = useContext(ListContext)?.skeleton;
const appliedSkeleton = skeleton !== null && skeleton !== void 0 ? skeleton : inheritedSkeleton;
const content = React.createElement(React.Fragment, null, _Hr || (_Hr = React.createElement(Hr, {
top: false,
bottom: false,
className: "dnb-list__item__footer-separator"
})), React.createElement(FlexItem, _extends({
className: classnames('dnb-list__item__footer', className, appliedSkeleton && createSkeletonClass('font', true))
}, rest), children));
if (appliedSkeleton) {
return React.createElement(Context.Provider, {
value: {
...context,
skeleton: appliedSkeleton
}
}, content);
}
return content;
}
ItemFooter._supportsSpacingProps = true;
export default ItemFooter;
//# sourceMappingURL=ItemFooter.js.map