@foreverrbum/ethsign/dist/components/Slider/Item.js

This package will allow you to electronically sign documents within your application

"use strict";

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

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

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

var _context = _interopRequireDefault(require("./context"));

require("../../styles/Slider/Item.scss");

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

var Item = function Item(_ref) {
  var item = _ref.item;
  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, function (_ref2) {
    var onSelectSlide = _ref2.onSelectSlide,
        currentSlide = _ref2.currentSlide,
        elementRef = _ref2.elementRef;
    var color = item.color,
        content = item.content,
        personName = item.personName,
        id = item.id,
        position = item.position,
        img = item.img;
    var isActive = currentSlide && currentSlide.id === id;
    return /*#__PURE__*/_react.default.createElement("div", {
      ref: elementRef,
      className: (0, _classnames.default)('item flex', {
        'item--open': isActive
      })
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "flex flex-col justify-between mx-5 bg-white rounded-2xl"
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "flex p-5 lg:p-8 items-center justify-end "
    }, /*#__PURE__*/_react.default.createElement("img", {
      src: img,
      loading: "lazy",
      alt: "",
      className: "w-32 h-12 select-none"
    })), /*#__PURE__*/_react.default.createElement("p", {
      className: "p-5 lg:p-8 mt-0"
    }, content), /*#__PURE__*/_react.default.createElement("div", {
      className: "p-5 lg:p-8"
    }, /*#__PURE__*/_react.default.createElement("p", {
      className: "font-bold"
    }, personName), /*#__PURE__*/_react.default.createElement("p", null, position))));
  });
};

var _default = Item;
exports.default = _default;