import React, { forwardRef } from "react";
import { Item, Label, Separator, StyledStats, Value } from "./Stats.styled.js";
const Stats = forwardRef(({ stats, ...props }, ref) => {
    const list = stats.map((s, k) => (React.createElement(Item, { key: k },
        React.createElement(Value, null, s.value),
        React.createElement(Label, null, s.label))));
    const len = list.length;
    for (let i = 0; i < len - 1; i++) {
        list.splice((i * 2) + 1, 0, React.createElement(Separator, { key: `separator${i}` }));
    }
    return (React.createElement(StyledStats, { ...props, ref: ref }, list));
});
Stats.displayName = "Stats";
Stats.toString = () => StyledStats.toString();
const StatsItemSelector = Item.toString();
const StatsSeparatorSelector = Separator.toString();
const StatsLabelSelector = Label.toString();
const StatsValueSelector = Value.toString();
export { Stats, StatsItemSelector, StatsSeparatorSelector, StatsLabelSelector, StatsValueSelector, };
//# sourceMappingURL=Stats.js.map