import React__default from 'react';
import styled from 'styled-components';
import { getSpacing, noop } from '../../../../utils/index.js';
import { Chip } from '../../../Chip/Chip.js';

const TagList = styled.span `
  display: flex;
  align-items: center;
  width: 100%;
  flex-flow: row wrap;
  gap: ${getSpacing('s08')};
`;
function MultiValueList({ values, onRemove, isDisabled, SearchInputComponent, }) {
    return (React__default.createElement(TagList, null,
        values.map((value) => (React__default.createElement(Chip, { disabled: isDisabled, onClick: noop, onRemove: onRemove, label: value.label, value: String(value.value), key: String(value.value), "data-testid": `${String(value.value)}-chip`, selected: true, showClose: true }))),
        SearchInputComponent));
}

export { MultiValueList };
