@zohodesk/dot/lib/Onboarding/CarouselDots/CarouselDot/CarouselDot.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _propTypes = require("./props/propTypes.js");

var _defaultProps = require("./props/defaultProps.js");

var _CarouselDotModule = _interopRequireDefault(require("./css/CarouselDot.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/* Props */

/* Style */
function CarouselDot(props) {
  var onClick = props.onClick,
      isActive = props.isActive,
      index = props.index,
      isAnimationPaused = props.isAnimationPaused,
      testId = props.testId,
      customId = props.customId;

  function handleClick() {
    typeof onClick === "function" && onClick(index);
  }

  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(_CarouselDotModule["default"].bullet, " ").concat(isAnimationPaused ? _CarouselDotModule["default"].animationPaused : '', " ").concat(isActive ? _CarouselDotModule["default"].bulletActive : _CarouselDotModule["default"].bulletNormal),
    onClick: handleClick,
    "data-id": customId,
    "data-test-id": testId
  });
}

CarouselDot.propTypes = _propTypes.propTypes;
CarouselDot.defaultProps = _defaultProps.defaultProps;
var _default = CarouselDot;
exports["default"] = _default;