import React from "react";
import { IconBrokenUser } from "@greenatom/icons";
import Tag from "../../../Tag";
var MultiSelectMultiValue = function (props) {
    var selectProps = props.selectProps;
    if (selectProps.type === "avatar") {
        return (React.createElement(Tag, { size: "s", isClosable: true, onClickClose: props.removeProps.onClick, as: "div", isReadOnly: selectProps.isReadOnly, avatarProps: {
                icon: React.createElement(IconBrokenUser, null),
                image: props.data.url
            } }, props.children));
    }
    return (React.createElement(Tag, { size: "s", isReadOnly: selectProps.isReadOnly, isClosable: true, onClickClose: props.removeProps.onClick, onMouseDown: function (event) { return event.stopPropagation(); }, as: "div", isDisabled: selectProps.isDisabled && !selectProps.isReadOnly }, props.children));
};
export default MultiSelectMultiValue;
