Liferay.Loader.define("commerce-dashboard-web@3.0.10/js/overview/OverviewChart.es", ['module', 'exports', 'require', 'frontend-js-react-web$react'], function (module, exports, require) {
  var define = undefined;
  var global = window;
  {
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports["default"] = OverviewChart;

    var _react = _interopRequireDefault(require("frontend-js-react-web$react"));

    function _interopRequireDefault(obj) {
      return obj && obj.__esModule ? obj : { "default": obj };
    }

    /**
     * Copyright (c) 2000-present Liferay, Inc. All rights reserved.
     *
     * The contents of this file are subject to the terms of the Liferay Enterprise
     * Subscription License ("License"). You may not use this file except in
     * compliance with the License. You can obtain a copy of the License by
     * contacting Liferay, Inc. See the License for the specific language governing
     * permissions and limitations under the License, including but not limited to
     * distribution rights of the Software.
     */
    function OverviewChart(_accountIdParamName, _APIBaseUrl, _commerceAccountId, _noAccountErrorMessage, _noDataErrorMessage) {
      // const [accountId, setAccountId] = useState(commerceAccountId);
      // Liferay.on('accountSelected', ({accountId}) => setAccountId(accountId));
      // useEffect(updateData, [accountId]);
      return _react["default"].createElement("div", {
        className: "overview-chart-wrapper"
      }, _react["default"].createElement("div", {
        className: "donut",
        style: {
          '--perc': 66
        }
      }, _react["default"].createElement("div", {
        className: "chart"
      }, _react["default"].createElement("svg", {
        viewBox: "0 0 104 104",
        xmlns: "http://www.w3.org/2000/svg"
      }, _react["default"].createElement("circle", {
        className: "track",
        cx: "52",
        cy: "52",
        r: "50"
      }), _react["default"].createElement("circle", {
        className: "filler",
        cx: "52",
        cy: "52",
        r: "50"
      })), _react["default"].createElement("div", {
        className: "text"
      }, "66%")), _react["default"].createElement("div", {
        className: "label"
      }, "Label")), _react["default"].createElement("div", {
        className: "donut",
        style: {
          '--perc': 66
        }
      }, _react["default"].createElement("div", {
        className: "chart"
      }, _react["default"].createElement("svg", {
        viewBox: "0 0 104 104",
        xmlns: "http://www.w3.org/2000/svg"
      }, _react["default"].createElement("circle", {
        className: "track",
        cx: "52",
        cy: "52",
        r: "50"
      }), _react["default"].createElement("circle", {
        className: "filler",
        cx: "52",
        cy: "52",
        r: "50"
      })), _react["default"].createElement("div", {
        className: "text"
      }, "66%")), _react["default"].createElement("div", {
        className: "label"
      }, "Label")), _react["default"].createElement("div", {
        className: "donut",
        style: {
          '--perc': 66
        }
      }, _react["default"].createElement("div", {
        className: "chart"
      }, _react["default"].createElement("svg", {
        viewBox: "0 0 104 104",
        xmlns: "http://www.w3.org/2000/svg"
      }, _react["default"].createElement("circle", {
        className: "track",
        cx: "52",
        cy: "52",
        r: "50"
      }), _react["default"].createElement("circle", {
        className: "filler",
        cx: "52",
        cy: "52",
        r: "50"
      })), _react["default"].createElement("div", {
        className: "text"
      }, "66%")), _react["default"].createElement("div", {
        className: "label"
      }, "Label")));
    }
    //# sourceMappingURL=OverviewChart.es.js.map
  }
});
//# sourceMappingURL=OverviewChart.es.js.map