import _extends from "@babel/runtime/helpers/extends";
import * as React from 'react';
import { cnCreate, convert, textConvertConfig } from '@megafon/ui-helpers';
import "./NumbersCard.css";
var cn = cnCreate('mfui-numbers-card');
var NumbersCard = function NumbersCard(_ref) {
  var title = _ref.title,
    titleColor = _ref.titleColor,
    subtitle = _ref.subtitle,
    subtitleSize = _ref.subtitleSize,
    background = _ref.background,
    className = _ref.className,
    dataAttrs = _ref.dataAttrs;
  return /*#__PURE__*/React.createElement("div", _extends({
    className: cn({
      background: background
    }, [className])
  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
    className: cn('title', {
      color: titleColor
    })
  }, convert(title, {})), /*#__PURE__*/React.createElement("div", {
    className: cn('subtitle', {
      size: subtitleSize
    })
  }, convert(subtitle, textConvertConfig)));
};
export default NumbersCard;