@pagopa/mui-italia/dist/components/TagGroup/TagGroup.js

[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).

"use strict";
"use client";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TagGroup = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = tslib_1.__importDefault(require("react"));
// Components
const material_1 = require("@mui/material");
const Tag_1 = require("../Tag");
const TagGroup = ({ children, visibleItems = NaN, }) => ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ spacing: 0.5, direction: "row", justifyContent: "flex-start", alignItems: "flex-start", sx: (theme) => ({
        flexWrap: "wrap",
        mt: -0.5,
        ml: -0.5,
        "& > *": { marginTop: `${theme.spacing(0.5)} !important`, ml: 0.5 },
    }) }, { children: visibleItems
        ? react_1.default.Children.map(children, (child, i) => i < visibleItems
            ? child
            : visibleItems === i && ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { value: `+${react_1.default.Children.count(children) - i}` })))
        : children })));
exports.TagGroup = TagGroup;