"use strict";
var import_Queue = require("../../Queue.css");
const jsxRuntime = require("react/jsx-runtime");
const React = require("react");
const base = "Queue_base_ccc3c";
const spinner = "Queue_spinner_ccc3c";
const innerSpinner = "Queue_innerSpinner_ccc3c";
const pulse = "Queue_pulse_ccc3c";
const pulseSpinner = "Queue_pulseSpinner_ccc3c";
const css = {
  base,
  spinner,
  innerSpinner,
  pulse,
  pulseSpinner
};
const Queue = ({ backgroundColor, opacity }) => {
  const spinnerStyle = React.useMemo(() => {
    return { backgroundColor, opacity };
  }, [backgroundColor, opacity]);
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: css.base, children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.spinner, style: spinnerStyle }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.innerSpinner, style: spinnerStyle })
  ] });
};
module.exports = Queue;
