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

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["children", "className", "type", "hover", "useOptimizedShadow"];
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 = _ref.children,
    className = _ref.className,
    _ref$type = _ref.type,
    type = _ref$type === void 0 ? "paper-1" : _ref$type,
    _ref$hover = _ref.hover,
    hover = _ref$hover === void 0 ? false : _ref$hover,
    _ref$useOptimizedShad = _ref.useOptimizedShadow,
    useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  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