import { j as e } from "../../../../_virtual/jsx-runtime.js";
import o from "styled-components";
import { getSpacing as l, noop as n } from "../../../../utils/index.js";
import { Chip as a } from "../../../Chip/Chip.js";
const p = o.span`
  display: flex;
  align-items: flex-start;

  > * {
    margin: ${l("s00", "s01")};
  }
`;
function u({ values: i, onRemove: r, placeholder: s }) {
  return /* @__PURE__ */ e.jsx(p, { children: i.length === 0 ? s : i.map((t) => /* @__PURE__ */ e.jsx(
    a,
    {
      onClick: n,
      onRemove: r,
      label: t.label,
      value: String(t.value),
      "data-testid": `${String(t.value)}-chip`,
      selected: !0,
      showClose: !0
    },
    String(t.value)
  )) });
}
export {
  u as MultiValueList
};
