@chatui/core/es/components/VoiceInput/SoundWave.js

The React library for Chatbot UI

import React from 'react';

/**
 * 声波动画组件
 *
 * 使用 SVG SMIL 动画自驱动，无需 JS 帧驱动渲染循环
 */
export var SoundWave = function SoundWave() {
  return /*#__PURE__*/React.createElement("svg", {
    width: "650",
    height: "52",
    viewBox: "0 0 650 52"
  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
    id: "a",
    x1: "0",
    x2: "650",
    y1: "0",
    y2: "0",
    gradientUnits: "userSpaceOnUse"
  }, /*#__PURE__*/React.createElement("stop", {
    offset: "0",
    stopColor: "var(--brand-2)"
  }), /*#__PURE__*/React.createElement("stop", {
    offset: ".484",
    stopColor: "var(--brand-1)"
  }), /*#__PURE__*/React.createElement("stop", {
    offset: "1",
    stopColor: "var(--brand-2)"
  }))), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "25",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;18;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;17;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "41",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.09s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;26;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.09s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;13;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "57",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.18s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;32;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.18s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;10;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "73",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.20s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;38;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.20s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;7;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "89",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.25s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.25s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "105",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.26s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;38;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.26s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;7;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "121",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.25s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.25s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "137",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.35s",
    calcMode: "spline",
    dur: "0.95s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.35s",
    calcMode: "spline",
    dur: "0.95s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "153",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.36s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.36s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "169",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.38s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;34;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.38s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;9;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "185",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.43s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.43s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "201",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.47s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.47s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "217",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.54s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.54s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "233",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.53s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.53s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "249",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.59s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.59s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "265",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.68s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.68s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "281",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.66s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.66s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "297",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.72s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;42;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.72s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;5;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "313",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.75s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.75s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "329",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.77s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.77s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "345",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.83s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.83s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "361",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.86s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.86s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "377",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.91s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;46;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.91s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;3;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "393",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "0.97s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "0.97s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "409",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.01s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;34;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.01s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;9;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "425",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.01s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;38;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.01s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;7;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "6",
    x: "441",
    y: "23",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.08s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "6;42;6"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.08s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "23;5;23"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "457",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.14s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;34;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.14s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;9;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "473",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.13s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;28;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.13s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;12;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "489",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.19s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;34;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.19s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;9;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "505",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.23s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;24;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.23s",
    calcMode: "spline",
    dur: "1.2s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;14;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "521",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.25s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;20;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.25s",
    calcMode: "spline",
    dur: "0.9s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;16;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "537",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.33s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;28;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.33s",
    calcMode: "spline",
    dur: "1.4s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;12;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "553",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.39s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;20;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.39s",
    calcMode: "spline",
    dur: "1.1s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;16;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "569",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.37s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;16;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.37s",
    calcMode: "spline",
    dur: "0.8s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;18;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "585",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.44s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;12;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.44s",
    calcMode: "spline",
    dur: "1.3s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;20;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "601",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.46s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;18;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.46s",
    calcMode: "spline",
    dur: "1.0s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;17;24"
  })), /*#__PURE__*/React.createElement("rect", {
    width: "8",
    height: "4",
    x: "617",
    y: "24",
    fill: "url(#a)",
    rx: "4"
  }, /*#__PURE__*/React.createElement("animate", {
    attributeName: "height",
    begin: "1.49s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "4;10;4"
  }), /*#__PURE__*/React.createElement("animate", {
    attributeName: "y",
    begin: "1.49s",
    calcMode: "spline",
    dur: "0.85s",
    keySplines: "0.4 0 0.8 1;0.2 0 0.6 1",
    keyTimes: "0;0.35;1",
    repeatCount: "indefinite",
    values: "24;21;24"
  })));
};