import React from 'react';
import { useWixPatternsContainer } from '@wix/bex-core/react';
import { TagsColumnContent } from './TagsColumnContent';
import { useSelector } from '../../useSelector';
export function buildTagsColumn(container, columnConfig) {
    return {
        ...columnConfig,
        id: 'tags',
        title: container.translate('cairo.tags.collectionPage.tagsColumn.title'),
        render: (item) => React.createElement(TagsColumnContent, { item: item }),
        width: '200px',
        hiddenFromCustomColumnsSelection: false,
    };
}
export function useTagsColumn() {
    const container = useWixPatternsContainer();
    useSelector(() => container.initTask.status);
    const buildTagsColumnWrapper = (columnConfig) => {
        return buildTagsColumn(container, columnConfig);
    };
    return { buildTagsColumn: buildTagsColumnWrapper };
}
//# sourceMappingURL=TagsColumn.js.map