// @ts-nocheck
import './ListNumeric.css';
import React from 'react';
import parse from 'html-react-parser';
import { cn } from '../../utils/bem';
import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
import { Typography } from '../Typography';
export var listNumericPropView = ['default'];
export var listNumericPropViewDefault = listNumericPropView[0];
export var listNumericPropSize = ['m'];
export var listNumericPropSizeDefault = listNumericPropSize[0];
var cnListNumeric = cn('ListNumeric');
export var ListNumeric = forwardRefWithAs(function (props, ref) {
    var _a = props.view, view = _a === void 0 ? listNumericPropViewDefault : _a, groupTitle = props.groupTitle, _b = props.titleSize, titleSize = _b === void 0 ? 'lg' : _b, _c = props.size, size = _c === void 0 ? listNumericPropSizeDefault : _c, items = props.items, _d = props.titleTag, titleTag = _d === void 0 ? 'div' : _d;
    return (React.createElement("div", { className: cnListNumeric({ view: view, size: size }) },
        groupTitle && (React.createElement(Typography.Text, { className: cnListNumeric('Title'), size: "xs", weight: "bold", transform: "uppercase" }, groupTitle)),
        React.createElement("div", { className: cnListNumeric('List') }, items &&
            items.map(function (item) { return (React.createElement("div", { className: cnListNumeric('Item') },
                React.createElement(Typography.Title, { className: cnListNumeric('Item-Title'), size: titleSize, as: titleTag }, item.title),
                React.createElement(Typography.Text, { className: cnListNumeric('Item-Text') }, parse(item.text)))); }))));
});
