import { jsx as e } from "react/jsx-runtime";
import { createElement as i } from "react";
/* empty css                   */
import { gap0_5 as n, gap1 as p } from "./index-general.module.js";
import { classNames as s } from "./index-classNames.js";
import { ComponentContainer as c } from "./index-ComponentContainer.js";
import { Tag as g } from "./index-Tag.js";
const v = (o) => {
  const {
    tags: r,
    className: m,
    variant: t = "tag"
  } = o;
  return e(c, {
    className: s(`TagList-container ${m ?? ""} ${t === "chip" ? n : p}`),
    children: r && r.length && r.map((a) => i(g, {
      ...a,
      variant: t,
      key: a.id
    }))
  });
};
export {
  v as TagList
};
