import React from 'react';
import "./VenueWallMarquee.less";
/**
 * 底部说明条：短文案静态省略，长文案无缝跑马灯（样式见 VenueWallMarquee.less）。
 */
export var NoteTicker = /*#__PURE__*/React.memo(function NoteTicker(_ref) {
  var text = _ref.text,
    color = _ref.color,
    _ref$duration = _ref.duration,
    duration = _ref$duration === void 0 ? 24 : _ref$duration,
    shouldMarquee = _ref.shouldMarquee;
  if (!shouldMarquee) {
    return /*#__PURE__*/React.createElement("div", {
      className: "pisell-resource-wall-note-marquee-static",
      style: {
        color: color
      }
    }, text);
  }
  return /*#__PURE__*/React.createElement("div", {
    className: "pisell-resource-wall-note-marquee-wrap"
  }, /*#__PURE__*/React.createElement("div", {
    className: "pisell-resource-wall-note-marquee-track",
    style: {
      animationDuration: "".concat(duration, "s"),
      color: color
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "pisell-resource-wall-note-marquee-copy"
  }, text), /*#__PURE__*/React.createElement("div", {
    className: "pisell-resource-wall-note-marquee-copy",
    "aria-hidden": "true"
  }, text), /*#__PURE__*/React.createElement("div", {
    className: "pisell-resource-wall-note-marquee-copy",
    "aria-hidden": "true"
  }, text)));
});