import _extends from "@babel/runtime/helpers/esm/extends";
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,
    ...props
  } = _ref;
  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