import { Layout, Space } from '@arco-design/web-react'
import { IconCheckCircle } from '@arco-design/web-react/icon'

const { Footer } = Layout

export function ProjectStatusbar() {
  return (
    <Footer className="statusbar">
      <div className="status-user">
        <span className="status-avatar" aria-hidden="true">森</span>
        <span className="status-name">已登录</span>
      </div>
      <Space className="status-system" size={8}>
        <IconCheckCircle />
        <span>服务已连接</span>
      </Space>
    </Footer>
  )
}