docs: function Price(props) {
    warnAboutDeprecatedProp(props.mods, 'mods', 'className');
  
    const {
      additionalText,
      className,
      dataAttrs = {},
      decimalsPrecision,
      decimalsSeparator,
      discount,
      showAsterisk,
      showDecimals,
      size,
      symbol,
      symbolPosition,
      thousandsSeparator,
      underlined,
      unstyled,
      value,
    } = props;
  
    if (!value && value !== 0) {
      return null;
    }
  
    const mods = props.mods ? props.mods.slice() : [];
  
    const rootClass = 'ui-price';
  
    const [intValue, decValue] = value.toString().split('.');
  
    if (unstyled) {
      const priceFormatted = [
        addThousandsSeparator(intValue, thousandsSeparator),
        showDecimals && ensureDecimalPrecision(decValue, decimalsPrecision),
      ].filter(i => i !== false).join(decimalsSeparator);
  
      const unstyledValue = [
        symbolPosition === 'left' && symbol,
        priceFormatted,
        symbolPosition === 'right' && symbol,
        showAsterisk && '*',
      ].filter(i => i !== false).join(' ');
  
      return (
        <span {...getDataAttributes(dataAttrs)}>
          {unstyledValue}
        </span>
      );
    }
  
    mods.push(`size_${size}`);
  
    const priceClasses = classnames(getClassNamesWithMods(rootClass, mods), className);
  
    const textBlock = additionalText
      ? (
        <div className={`${rootClass}__additional-text-block`}>
          {additionalText}
        </div>
      )
      : null;
  
    let discountBlock = null;
  
    if (discount) {
      const [intDiscountValue, decDiscountValue] = discount.toString().split('.');
      const discountValue = addThousandsSeparator(intDiscountValue, thousandsSeparator)
        + decimalsSeparator
        + ensureDecimalPrecision(decDiscountValue, decimalsPrecision);
  
      discountBlock = (
        <div className={`${rootClass}__discount`}>
          {discountValue}
        </div>
      );
    }
  
    const decimalsMarkup = showDecimals
      ? (
        <div className={`${rootClass}__decimals`}>
          {decimalsSeparator + ensureDecimalPrecision(decValue, decimalsPrecision)}
        </div>
      )
      : null;
  
    const asterisk = showAsterisk
      ? (<div className={`${rootClass}__asterisk`}>*</div>)
      : null;
  
    const underlineMarkup = underlined
      ? <div className={`${rootClass}__underline`}/>
      : null;
  
    return (
      <div className={priceClasses} {...getDataAttributes(dataAttrs)}>
        {discountBlock}
        <div className={`${rootClass}__value-delimiter`}>
          <div className={`${rootClass}__currency ${rootClass}__currency_${symbolPosition}`}>{symbol}</div>
          <div className={`${rootClass}__integers`}>{addThousandsSeparator(intValue, thousandsSeparator)}</div>
          {decimalsMarkup}
          {asterisk}
        </div>
        {underlineMarkup}
        {textBlock}
      </div>
    );
  }