import React from 'react';
import Typography from '@mui/material/Typography';
import classnames from 'classnames';
import TenantIcon from '../icons/Tenant';
import { useMdmEnvironment, useMdmTenantName } from '../contexts/MdmModuleContext';
import { useStyles } from './styles';
export var TenantLabel = function (_a) {
    var className = _a.className;
    var styles = useStyles();
    var customerTenantLabel = useMdmTenantName();
    var environmentName = useMdmEnvironment();
    var tenantLabelWithEnv = "".concat(customerTenantLabel).concat(environmentName ? ' - ' + environmentName.toUpperCase() : '');
    return (React.createElement("div", { className: classnames(styles.labelWrapper, className) },
        React.createElement(TenantIcon, { className: styles.tenantIcon, "data-reltio-id": "reltio-tenant-icon" }),
        React.createElement(Typography, { className: styles.tenantLabel }, tenantLabelWithEnv)));
};
