/* ellipses.tsx generated by @compiled/babel-plugin v0.40.0 */
// Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
import "./ellipses.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
var animation = null;
var animation1 = null;
var animation2 = null;
var dot1 = null;
var dot2 = null;
var dot3 = null;
var animatedOpacity = null;
export var EllipsesAnimation = function EllipsesAnimation(_ref) {
  var _ref$isAnimated = _ref.isAnimated,
    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
  return /*#__PURE__*/React.createElement("svg", {
    width: "10",
    height: "2",
    viewBox: "0 0 10 2",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/React.createElement("path", {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    className: ax([isAnimated && "_y44v1dzz", isAnimated && animatedOpacity]),
    d: "M0.0800781 2V0.414062H1.67969V2H0.0800781Z",
    fill: "#1868DB",
    style: {
      "--_8brvn1": ix("".concat(animation, " 1.5s forwards infinite"))
    }
  }), /*#__PURE__*/React.createElement("path", {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    className: ax([isAnimated && "_y44v1uzy", isAnimated && animatedOpacity]),
    d: "M3.83984 2V0.414062H5.43945V2H3.83984Z",
    fill: "#BF63F3",
    style: {
      "--_lmysux": ix("".concat(animation1, " 1.5s forwards infinite"))
    }
  }), /*#__PURE__*/React.createElement("path", {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    className: ax([isAnimated && "_y44v1bmh", isAnimated && animatedOpacity]),
    d: "M7.59961 2V0.414062H9.19922V2H7.59961Z",
    fill: "#FCA700",
    style: {
      "--_f6g77x": ix("".concat(animation2, " 1.5s forwards infinite"))
    }
  }));
};