text: import React from 'react'
  import {
    CHeader,
    CSubheader,
    CBreadcrumbRouter,
  } from '@coreui/react'
  
  // routes config
  import routes from '../routes'
  
  const TheHeader = () => {
    return (
      <CHeader withSubheader>
        <CSubheader className="px-3 justify-content-between">
          <CBreadcrumbRouter
            className="border-0 c-subheader-nav m-0 px-0 px-md-3"
            routes={routes}
          />
        </CSubheader>
      </CHeader>
    )
  }
  
  export default TheHeader
  