import { UserOutlined } from '@ant-design/icons'
import { Avatar } from 'antd'
import React from 'react'

export default function index() {
  return (
    <div className='flex justify-between items-center px-24px leading-[60px]'>
      <div className="left w-200px text-#666"><span className='inline-block mr-4px w-2px h-14px bg-#1dd328'></span>审批流程</div>
      <div className="middle text-24px">流程设计器</div>
      <div className="right w-200px text-right">
        <span className='text-10px text-#999 mr-12px'>自动保存 17:25:43</span>
        <Avatar size={32} icon={<UserOutlined />} />
      </div>
    </div>
  )
}
