@dnb/eufemia/components/stat/Content.js

DNB Eufemia Design System UI Library

"use client";

import React, { useContext } from 'react';
import classnames from 'classnames';
import { createSpacingClasses } from "../space/SpacingHelper.js";
import { validateDOMAttributes, warn } from "../../shared/component-helper.js";
import StatRootContext from "./StatRootContext.js";
import useStatSkeleton from "./useStatSkeleton.js";
import Provider from "../../shared/Provider.js";
function Content(props) {
  const {
    inRoot
  } = useContext(StatRootContext);
  const {
    children,
    className = null,
    style = null,
    element: elementProp,
    direction = 'horizontal',
    skeleton = null,
    ...rest
  } = props;
  const Element = elementProp !== null && elementProp !== void 0 ? elementProp : inRoot ? 'dd' : 'span';
  const {
    hasSkeleton,
    skeletonClass,
    applySkeletonAttributes
  } = useStatSkeleton(skeleton);
  if (!inRoot) {
    warn('Stat.Content should be used inside Stat.Root');
  }
  const attributes = validateDOMAttributes(props, {
    ...rest,
    style,
    className: classnames(`dnb-stat dnb-stat__content-item dnb-stat__content-item--${direction}`, createSpacingClasses(props), skeletonClass, className)
  });
  applySkeletonAttributes(attributes);
  return React.createElement(StatRootContext.Provider, {
    value: {
      inRoot,
      skeleton: hasSkeleton
    }
  }, React.createElement(Provider, {
    skeleton: hasSkeleton
  }, React.createElement(Element, attributes, children)));
}
Content._supportsSpacingProps = true;
Content._statRole = 'content';
export default Content;
//# sourceMappingURL=Content.js.map