import { Skeleton } from '@rocket.chat/fuselage';
import React from 'react';
import Subtitle from '../../components/basic/Subtitle';
import { useTranslation } from '../../contexts/TranslationContext';
import { useFormatMemorySize } from '../../hooks/useFormatMemorySize';
import { DescriptionList } from './DescriptionList';
export const UsageSection = React.memo(function UsageSection({ statistics, isLoading }) {
const s = (fn) => (isLoading ? : fn());
const formatMemorySize = useFormatMemorySize();
const t = useTranslation();
return {t('Usage')}}
>
{s(() => statistics.totalUsers)}
{s(() => statistics.activeUsers)}
{s(() => statistics.activeGuests)}
{s(() => statistics.appUsers)}
{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)}
;
});