import React from 'react'
import { CFooter } from '@coreui/react'

const AppFooter = () => {
  return (
    <CFooter className="px-4">
      <div>
        <span className="m-2">CoreUI React Referrence :</span>
        <a href="https://coreui.io/demos/react/5.5/free/?theme=light#/dashboard" target="_blank" rel="noopener noreferrer">
          Demo
        </a>
        <span className="m-2">|</span>
        <a href="https://coreui.io/react/docs/templates/installation/" target="_blank" rel="noopener noreferrer">
          Docs
        </a>
        <span className="m-2">|</span>
        <a href="https://github.com/coreui/coreui-free-react-admin-template" target="_blank" rel="noopener noreferrer">
          Git
        </a>
      </div>

      <div className="ms-auto">
        <span className="me-1">Powered by</span>
        <a href="https://coreui.io/react" target="_blank" rel="noopener noreferrer">
          CoreUI React
        </a>
      </div>
    </CFooter>
  )
}

export default React.memo(AppFooter)
