@dnb/eufemia/es/components/tag/TagGroup.js

DNB Eufemia Design System UI Library

"use client";

import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import { createSpacingClasses } from "../space/SpacingHelper.js";
import { validateDOMAttributes, extendPropsWithContext } from "../../shared/component-helper.js";
import Context from "../../shared/Context.js";
import { TagGroupContext } from "./TagContext.js";
export const defaultProps = {
  label: null,
  className: null,
  children: null,
  skeleton: false
};
const TagGroup = localProps => {
  const context = React.useContext(Context);
  const {
    label,
    className,
    children: childrenProp,
    ...props
  } = extendPropsWithContext(localProps, defaultProps, context?.TagGroup, {
    skeleton: context?.skeleton
  });
  let children = childrenProp;
  if (Array.isArray(childrenProp)) {
    children = [...childrenProp].map(child => {
      return child;
    });
  }
  const spacingClasses = createSpacingClasses(props);
  const {
    skeleton,
    ...attributes
  } = validateDOMAttributes({}, props);
  return React.createElement(TagGroupContext.Provider, {
    value: props
  }, React.createElement("span", _extends({
    className: classnames('dnb-tag__group', spacingClasses, className)
  }, attributes), React.createElement("span", {
    className: "dnb-sr-only"
  }, label), children));
};
TagGroup._supportsSpacingProps = true;
export default TagGroup;
//# sourceMappingURL=TagGroup.js.map