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