import React from 'react' ; import { useValues } from 'kea' ; import { AnalyticsCards } from '../../analytics' ; import { TOTAL_QUERIES , TOTAL_DOCUMENTS , TOTAL_CLICKS } from '../../analytics/constants' ; import { EngineOverviewLogic } from '../index' ; export const TotalStats = ( ) => { const { totalQueries , documentCount , totalClicks } = useValues ( EngineOverviewLogic ) ; return ( < AnalyticsCards stats = { [ { stat : totalQueries , text : TOTAL_QUERIES , dataTestSubj : 'TotalQueriesCard' , } , { stat : documentCount , text : TOTAL_DOCUMENTS , dataTestSubj : 'TotalDocumentsCard' , } , { stat : totalClicks , text : TOTAL_CLICKS , dataTestSubj : 'TotalClicksCard' , } , ] } / > ) ; } ;