@activecollab/components/dist/esm/components/Entity/EntityProperty.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
import React, { useContext } from "react";
import classNames from "classnames";
import { EntityGroupContext } from "./EntityGroup";
import { StyledEntityProperty } from "./Styles";
export const EntityProperty = _ref => {
  let {
      listOrder,
      listWidth,
      visibleFromBreakpoint,
      className
    } = _ref,
    props = _objectWithoutPropertiesLoose(_ref, _excluded);
  const {
    renderAs
  } = useContext(EntityGroupContext);
  const classSuffix = "c-entity-property-" + renderAs;
  return /*#__PURE__*/React.createElement(StyledEntityProperty, _extends({
    className: classNames("c-entity-property", classSuffix, className)
  }, props, {
    $order: listOrder,
    $width: listWidth,
    $visibleFromBreakpoint: visibleFromBreakpoint,
    $renderAs: renderAs
  }));
};
EntityProperty.displayName = "EntityProperty";
//# sourceMappingURL=EntityProperty.js.map