import React from 'react' ; import { useValues } from 'kea' ; import { AnalyticsLogic } from '../' ; import { AnalyticsLayout } from '../analytics_layout' ; import { AnalyticsSearch , AnalyticsTable } from '../components' ; import { TOP_QUERIES } from '../constants' ; export const TopQueries = ( ) => { const { topQueries } = useValues ( AnalyticsLogic ) ; return ( < AnalyticsLayout isAnalyticsView title = { TOP_QUERIES } breadcrumbs = { [ TOP_QUERIES ] } > < AnalyticsSearch /> < AnalyticsTable items = { topQueries } hasClicks / > < /AnalyticsLayout>); } ;