@activecollab/components/dist/esm/components/Paper/Paper.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import React, { forwardRef } from "react";
import classNames from "classnames";
import { StyledPaper } from "./Styles";
/**
 * This is a component description and should sit directly above your component
 */
export const Paper = /*#__PURE__*/forwardRef((_ref, innerRef) => {
  let {
    children,
    className,
    type = "paper-1",
    hover = false,
    useOptimizedShadow = false,
    ...rest
  } = _ref;
  return /*#__PURE__*/React.createElement(StyledPaper, _extends({
    className: classNames(className, {
      "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
      "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
      "ac-shadow--lg": !hover && type === "paper-1",
      "ac-shadow--raised--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
      "ac-shadow-optimized--sm": useOptimizedShadow && hover && type === "paper-2" || useOptimizedShadow && hover && type === "paper-3",
      "ac-shadow--sm": !hover && type === "paper-2" || !hover && type === "paper-3"
    }),
    ref: innerRef,
    type: type
  }, rest), children);
});
Paper.displayName = "Paper";
//# sourceMappingURL=Paper.js.map