text: import React from 'react'
  import {
    CButton,
    CCol,
    CContainer,
    CInput,
    CInputGroup,
    CInputGroupPrepend,
    CInputGroupAppend,
    CInputGroupText,
    CRow
  } from '@coreui/react'
  import CIcon from '@coreui/icons-react'
  import Modal from '../../../reusable/modal';
  
  
  const Page404 = () => {
    return (
      <React.Fragment>
        <Modal show = {true} />
        <div className="c-app c-default-layout flex-row align-items-center">
          <CContainer>
            <CRow className="justify-content-center">
              <CCol md="6">
                <div className="clearfix">
                  <h1 className="float-left display-3 mr-4">404</h1>
                  <h4 className="pt-3">Oops! You{'\''}re lost.</h4>
                  <p className="text-muted float-left">The page you are looking for was not found.</p>
                </div>
                <CInputGroup className="input-prepend">
                  <CInputGroupPrepend>
                    <CInputGroupText>
                      <CIcon name="cil-magnifying-glass" />
                    </CInputGroupText>
                  </CInputGroupPrepend>
                  <CInput size="16" type="text" placeholder="What are you looking for?" />
                  <CInputGroupAppend>
                    <CButton color="info">Search</CButton>
                  </CInputGroupAppend>
                </CInputGroup>
              </CCol>
            </CRow>
          </CContainer>
        </div>
      </React.Fragment>
    )
  }
  
  export default Page404
  