@catho/quantum/Carousel/sub-components/Arrow.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Icon = _interopRequireDefault(require("../../Icon"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Arrow = function Arrow(_ref) {
  var _ref$className = _ref.className,
    className = _ref$className === void 0 ? '' : _ref$className,
    _ref$onClick = _ref.onClick,
    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
    theme = _ref.theme,
    targeting = _ref.targeting,
    color = _ref.color;
  var themeColors = theme.colors;
  var setColor = function setColor(allThemeColors, arrowColor) {
    return allThemeColors[arrowColor][700];
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon["default"], {
    name: "keyboard_arrow_".concat(targeting),
    skin: setColor(themeColors, color),
    className: className,
    onClick: onClick
  });
};
Arrow.propTypes = {
  className: _propTypes["default"].string,
  onClick: _propTypes["default"].func,
  targeting: _propTypes["default"].string.isRequired,
  color: _propTypes["default"].oneOf(['primary', 'secondary', 'warning', 'success', 'error', 'neutral']).isRequired,
  theme: _propTypes["default"].shape({
    colors: _propTypes["default"].object
  }).isRequired
};
var _default = exports["default"] = Arrow;