import { Box, Text } from '@wix/design-system';
import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
import React from 'react';
import { observer } from 'mobx-react-lite';
function _TagsColumnContent({ item }) {
    const { tagsCollectionState } = useToolbarCollectionContext();
    if (!tagsCollectionState?.tagsManagementState) {
        return null;
    }
    const tags = item.tags ?? tagsCollectionState._getTags?.(item);
    const tagNamesString = tags?.privateTags?.tagIds
        ?.map((tagId) => tagsCollectionState.tagsManagementState.items.find((tag) => tag.id === tagId)?.name)
        .filter(Boolean)
        .join(', ');
    return (React.createElement(Box, { minWidth: 0 },
        React.createElement(Text, { size: "small", ellipsis: true }, tagNamesString)));
}
export const TagsColumnContent = observer(_TagsColumnContent);
//# sourceMappingURL=TagsColumnContent.js.map