@dnb/eufemia/es/components/list/ItemEnd.js

DNB Eufemia Design System UI Library

"use client";

import _extends from "@babel/runtime/helpers/esm/extends";
import React, { useContext } from 'react';
import classnames from 'classnames';
import FlexItem from "../flex/Item.js";
import { ListContext } from "./ListContext.js";
import { createSkeletonClass } from "../skeleton/SkeletonHelper.js";
import Context from "../../shared/Context.js";
function ItemEnd(props) {
  const {
    fontWeight = 'medium',
    fontSize = 'basis',
    skeleton,
    className,
    children,
    ...rest
  } = props;
  const context = useContext(Context);
  const inheritedSkeleton = useContext(ListContext)?.skeleton;
  const appliedSkeleton = skeleton !== null && skeleton !== void 0 ? skeleton : inheritedSkeleton;
  const content = React.createElement(FlexItem, _extends({
    className: classnames('dnb-list__item__end', className, fontSize && `dnb-t__size--${fontSize}`, appliedSkeleton && createSkeletonClass('font', true), fontWeight === 'medium' && 'dnb-t__weight--medium'),
    innerSpace: {
      left: 'small',
      right: 'medium'
    }
  }, rest), children);
  if (appliedSkeleton) {
    return React.createElement(Context.Provider, {
      value: {
        ...context,
        skeleton: appliedSkeleton
      }
    }, content);
  }
  return content;
}
ItemEnd._supportsSpacingProps = true;
export default ItemEnd;
//# sourceMappingURL=ItemEnd.js.map