import classNames from 'classnames';
import useSettings from "../../_hooks/useSettings";
import "./index.less";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var VmCardStatistics = function VmCardStatistics(_ref) {
  var label = _ref.label,
    value = _ref.value,
    img = _ref.img,
    unit = _ref.unit;
  var _useSettings = useSettings(),
    isDark = _useSettings.isDark;
  return /*#__PURE__*/_jsxs("div", {
    style: {
      backgroundImage: "url(".concat(img)
    },
    className: classNames('vm-car-statistics', {
      'vm-car-statistics-dark': isDark
    }),
    children: [/*#__PURE__*/_jsx("div", {
      className: 'vm-car-statistics-label',
      children: label
    }), /*#__PURE__*/_jsxs("div", {
      children: [/*#__PURE__*/_jsx("span", {
        className: 'vm-car-statistics-value',
        children: value
      }), /*#__PURE__*/_jsx("span", {
        className: 'vm-car-statistics-unit',
        children: unit
      })]
    })]
  });
};
export default VmCardStatistics;