text: import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateIcon, Page, Title } from '@patternfly/react-core';
  import { CloudServerIcon } from '@patternfly/react-icons';
  import { Main } from '@redhat-cloud-services/frontend-components';
  import React from 'react';
  import { withRouter } from 'react-router-dom';
  import VulnerabilityHeader from '../VulnerabilityHeader/VulnerabilityHeader';
  
  class EmptyPage extends React.Component {
      render() {
          return (
              <Page>
                  <VulnerabilityHeader title={'Vulnerability'} showTabs={false} />
                  <Main>
                      <Bullseye>
                          <EmptyState>
                              <EmptyStateIcon icon={CloudServerIcon} />
                              <Title headingLevel="h5" size="lg">
                                  Do more with your Red Hat Enterprise Linux environment
                              </Title>
                              <EmptyStateBody>
                                  Connect your systems to keep your Red Hat environment running efficiently, with security and
                                  compliance with various standards.
                              </EmptyStateBody>
                              <Button variant="primary">Learn more about connecting your systems</Button>
                          </EmptyState>
                      </Bullseye>
                  </Main>
              </Page>
          );
      }
  }
  
  export default withRouter(EmptyPage);
  