import * as React from 'react';
import { Tabs } from '../../components/Tabs';
import { TagValueOptionsTags, TagValueSelector } from '../Components/TagValueSelector';
import { useOnePageAdaptableWizardContext } from './OnePageAdaptableWizard';
import { Text } from 'rebass';
export const ObjectTagsWizardSection = (props) => {
    const { onChange } = props;
    const { data } = useOnePageAdaptableWizardContext();
    return (React.createElement(Tabs, { style: { height: '100%' } },
        React.createElement(Tabs.Tab, null, "Tags"),
        React.createElement(Tabs.Content, null,
            React.createElement(TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange({ ...data, Tags: selectedTags }) }))));
};
export const renderObjectTagsSummary = (data) => {
    return data.Tags?.length ? (React.createElement(Text, { fontSize: 2 },
        React.createElement(TagValueOptionsTags, { tags: data.Tags }))) : null;
};
