Katello/katello

import React from 'react';
import { translate as __ } from 'foremanReact/common/I18n';
import { Grid, GridItem, TextContent, Text, TextVariants } from '@patternfly/react-core';
import ContentViewsTable from './Table/ContentViewsTable';
import ContentViewsCounter from './components/ContentViewsCounter';

const ContentViewsPage = () => (
  <>
    <Grid className="margin-24">
      <GridItem span={12}>
        <TextContent>
          <Text ouiaId="cvPageHeaderText" component={TextVariants.h1}>{__('Content views')}</Text>
        </TextContent>
      </GridItem>
      <GridItem span={12} className="margin-top-8">
        <ContentViewsCounter />
      </GridItem>
    </Grid>
    <Grid>
      <GridItem span={12}>
        <ContentViewsTable />
      </GridItem>
    </Grid>
  </>
);

export default ContentViewsPage;