import { Text } from '@rocket.chat/fuselage';
import React from 'react';
import { useTranslation } from '../../providers/TranslationProvider';
import { DescriptionList } from './DescriptionList';
import { formatMemorySize } from './formatters';
export function UsageSection({ statistics, isLoading }) {
const s = (fn) => (isLoading ? : fn());
const t = useTranslation();
return <>
{t('Usage')}
{s(() => statistics.totalUsers)}
{s(() => statistics.activeUsers)}
{s(() => statistics.nonActiveUsers)}
{s(() => statistics.totalConnectedUsers)}
{s(() => statistics.onlineUsers)}
{s(() => statistics.awayUsers)}
{s(() => statistics.offlineUsers)}
{s(() => statistics.totalRooms)}
{s(() => statistics.totalChannels)}
{s(() => statistics.totalPrivateGroups)}
{s(() => statistics.totalDirect)}
{s(() => statistics.totalLivechat)}
{s(() => statistics.totalDiscussions)}
{s(() => statistics.totalThreads)}
{s(() => statistics.totalMessages)}
{s(() => statistics.totalChannelMessages)}
{s(() => statistics.totalPrivateGroupMessages)}
{s(() => statistics.totalDirectMessages)}
{s(() => statistics.totalLivechatMessages)}
{s(() => statistics.uploadsTotal)}
{s(() => formatMemorySize(statistics.uploadsTotalSize))}
{statistics && statistics.apps && <>
{statistics.apps.totalInstalled}
{statistics.apps.totalActive}
}
{s(() => statistics.integrations.totalIntegrations)}
{s(() => statistics.integrations.totalIncoming)}
{s(() => statistics.integrations.totalIncomingActive)}
{s(() => statistics.integrations.totalOutgoing)}
{s(() => statistics.integrations.totalOutgoingActive)}
{s(() => statistics.integrations.totalWithScriptEnabled)}
;
}