@activecollab/components
Version:
ActiveCollab Components
27 lines • 1.13 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["children", "className", "hoverable", "variant", "onClick"];
import React, { forwardRef } from "react";
import classnames from "classnames";
import { StyledCard } from "./Styles";
export const Card = /*#__PURE__*/forwardRef((_ref, ref) => {
let children = _ref.children,
className = _ref.className,
_ref$hoverable = _ref.hoverable,
hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
_ref$variant = _ref.variant,
variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
onClick = _ref.onClick,
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
type: variant,
className: classnames("c-card", className),
hover: hoverable,
$pointer: typeof onClick === "function",
onClick: onClick,
useOptimizedShadow: true,
ref: ref
}), children);
});
Card.displayName = "Card";
//# sourceMappingURL=Card.js.map