@activecollab/components
Version:
ActiveCollab Components
27 lines • 954 B
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,
className,
hoverable = false,
variant = "paper-2",
onClick
} = _ref,
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