import {Flex, Label} from '@gravity-ui/uikit';

import type {TPathDescription} from '../../../types/api/schema';
import i18n from '../i18n';
import {getEntityName, isReadOnlyTable} from '../utils';

interface EntityTitleProps {
    data?: TPathDescription;
}

export function EntityTitle({data}: EntityTitleProps) {
    const entityName = getEntityName(data);

    if (isReadOnlyTable(data)) {
        return (
            <Flex gap={1} wrap={'nowrap'}>
                {entityName} <Label>{i18n('value_read-only')}</Label>
            </Flex>
        );
    }

    return entityName;
}