import "core-js/modules/es.error.to-string.js";
import "core-js/modules/es.array.map.js";
import "core-js/modules/es.date.to-string.js";
import "core-js/modules/es.object.to-string.js";
import "core-js/modules/es.regexp.to-string.js";
import "core-js/modules/esnext.iterator.constructor.js";
import "core-js/modules/esnext.iterator.map.js";
import classNames from 'classnames';
import range from 'lodash/range';
import './index.css';
import { jsx as _jsx } from "react/jsx-runtime";
export var FcrVolumeIndicator = function FcrVolumeIndicator(_ref) {
  var value = _ref.value,
    _ref$barCount = _ref.barCount,
    barCount = _ref$barCount === void 0 ? 8 : _ref$barCount;
  var power = value * barCount;
  return /*#__PURE__*/_jsx("div", {
    className: "fcr-volume-indicator",
    children: range(0, barCount).map(function (i) {
      return /*#__PURE__*/_jsx("div", {
        className: classNames('fcr-volume-indicator__point', {
          'is-active': power > 0 && i <= power
        })
      }, i.toString());
    })
  });
};