@activecollab/components
Version:
ActiveCollab Components
33 lines • 1.37 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["children", "isCollection", "background", "className", "as"];
import React, { forwardRef, useContext } from "react";
import classNames from "classnames";
import { EntityGroupContext } from "./EntityGroup";
import { StyledEntityCard } from "./Styles";
import { Card } from "../Card";
export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
let children = _ref.children,
isCollection = _ref.isCollection,
background = _ref.background,
className = _ref.className,
as = _ref.as,
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
const _useContext = useContext(EntityGroupContext),
renderAs = _useContext.renderAs;
const classSuffix = "c-entity-card-" + renderAs;
const paperType = renderAs === "grid" ? "paper-1" : "paper-2";
const Component = as || Card;
return /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
as: Component,
$renderAs: renderAs,
$background: background,
variant: paperType,
className: classNames("c-entity-card", classSuffix, className),
$isCollection: isCollection
}, rest, {
ref: ref
}), children);
});
EntityCard.displayName = "EntityCard";
//# sourceMappingURL=EntityCard.js.map