import LabelElement from "./Label";
import TableColumnListComponent from "../TableColumnList/TableColumnListComponent";
import useTranslateValue from "../../Utils/Translation";
import React from "react";
const LabelsElement = (props) => {
    const { translateString } = useTranslateValue();
    const moreText = props.labels.length > 4
        ? translateString("more labels") || "more labels"
        : translateString("more label") || "more label";
    const noItemsMessage = translateString("No labels attached.") || "No labels attached.";
    return (React.createElement(TableColumnListComponent, { items: props.labels, moreText: moreText, className: props.labels.length > 0 ? "-mb-1 -mt-1" : "", getEachElement: (label) => {
            return (React.createElement("div", { className: props.labels.length > 0 ? "my-2" : "" },
                React.createElement(LabelElement, { label: label, style: {
                        marginRight: "5px",
                    } })));
        }, noItemsMessage: noItemsMessage }));
};
export default LabelsElement;
//# sourceMappingURL=Labels.js.map