import type {AdditionalTenantsProps} from '../../../../types/additionalProps';
import type {EPathType} from '../../../../types/api/schema';
import {cn} from '../../../../utils/cn';
import {useNavigationV2Enabled} from '../../utils/useNavigationV2Enabled';
import Overview from '../Overview/Overview';
import {TenantOverview} from '../TenantOverview/TenantOverview';

import './DetailedOverview.scss';

interface DetailedOverviewProps {
    type?: EPathType;
    className?: string;
    database: string;
    path: string;
    databaseFullPath: string;
    additionalTenantProps?: AdditionalTenantsProps;
}

const b = cn('kv-detailed-overview');

function DetailedOverview({
    type,
    database,
    databaseFullPath,
    path,
    additionalTenantProps,
}: DetailedOverviewProps) {
    const isTenant = databaseFullPath === path;
    const isV2Enabled = useNavigationV2Enabled();

    const renderContent = () => {
        if (isTenant && !isV2Enabled) {
            return (
                <TenantOverview
                    database={database}
                    databaseFullPath={databaseFullPath}
                    additionalTenantProps={additionalTenantProps}
                />
            );
        }
        return (
            <Overview
                type={type}
                path={path}
                database={database}
                databaseFullPath={databaseFullPath}
            />
        );
    };

    return <div className={b()}>{renderContent()}</div>;
}

export default DetailedOverview;