import {useTopicDataAvailable} from '../../../../store/reducers/capabilities/hooks';
import {EPathSubType, EPathType} from '../../../../types/api/schema';
import {isTableType} from '../../utils/schema';
import i18n from '../i18n';

import {Preview} from './components/PreviewView';
import {TablePreview} from './components/TablePreview';
import {TopicPreview} from './components/TopicPreview';
import {b} from './shared';
import type {PreviewContainerProps} from './types';

import './Preview.scss';

export function PreviewContainer(props: PreviewContainerProps) {
    const {type, subType} = props;
    const isTable = isTableType(type);
    const isTopic = type === EPathType.EPathTypePersQueueGroup;
    const isCdcTopic = subType === EPathSubType.EPathSubTypeStreamImpl;
    const isTopicPreviewAvailable = useTopicDataAvailable();

    if (isTable) {
        return <TablePreview {...props} />;
    }

    if (isTopic && !isCdcTopic && isTopicPreviewAvailable) {
        return <TopicPreview {...props} />;
    }

    const renderContent = () => (
        <div className={b('message-container')}>{i18n('context_query-preview-unavailable')}</div>
    );
    return <Preview {...props} renderResult={renderContent} />;
}