@helpscout/hsds-react/components/Depth/Depth.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _Depth = require("./Depth.css");

var _jsxRuntime = require("react/jsx-runtime");

/* istanbul ignore file */
var Depth = function Depth(_ref) {
  var _ref$isActive = _ref.isActive,
      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
      children = _ref.children,
      className = _ref.className,
      _ref$level = _ref.level,
      level = _ref$level === void 0 ? 100 : _ref$level,
      _ref$withHoverEffect = _ref.withHoverEffect,
      withHoverEffect = _ref$withHoverEffect === void 0 ? true : _ref$withHoverEffect,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["isActive", "children", "className", "level", "withHoverEffect"]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Depth.DepthUI, (0, _extends2.default)({
    className: (0, _classnames.default)('c-Depth', className, "d" + level, isActive && 'is-active', withHoverEffect && 'with-hover-effect')
  }, rest, {
    children: children
  }));
};

Depth.propTypes = {
  /** Custom class names to be added to the component. */
  className: _propTypes.default.string,

  /** Control and apply the "hover" styles on other situations, ie. focus */
  isActive: _propTypes.default.bool,

  /** The Depth level desired */
  level: _propTypes.default.oneOf([100, 200, 300, 400, 500, 600, 700]),

  /** Whether to turn on or off the hover effect */
  withHoverEffect: _propTypes.default.bool
};
var _default = Depth;
exports.default = _default;