"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CubeAnimation = void 0;
var _react = _interopRequireDefault(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/*
 * CubeAnimation might be used to communicate that there is a complex background process running
 * (e.g. models loading, environment setup, data wrangling, dataset loading).
 * */
const CubeAnimation = ({
  testId = 'cube-animation'
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "cube-animation-container",
    "test-id": testId,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "cube",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face front"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face back"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face right"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face left"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face top"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "face bottom"
      })]
    })
  });
};
exports.CubeAnimation = CubeAnimation;