@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 = _ref.listOrder,
    listWidth = _ref.listWidth,
    visibleFromBreakpoint = _ref.visibleFromBreakpoint,
    className = _ref.className,
    props = _objectWithoutPropertiesLoose(_ref, _excluded);
  const _useContext = useContext(EntityGroupContext),
    renderAs = _useContext.renderAs;
  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