@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,
      className,
      type = "paper-1",
      hover = false,
      useOptimizedShadow = false
    } = _ref,
    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