import { MyBetaModalFormProps, MyButtons } from '@/common';
import { ProCard } from '@ant-design/pro-components';
import { useNavigate } from '@umijs/max';

export default function EmployeeEnd(props: MyBetaModalFormProps) {
  const navigate = useNavigate();
  return (
    <div>
      <ProCard title="员工端配置" bordered headerBordered gutter={16}>
        <ProCard
          title="员工角色配置"
          type="inner"
          bordered
          extra={
            <MyButtons.Default
              title="去配置"
              type="primary"
              size="small"
              onClick={() => {
                navigate(
                  `/company/list/pages/employee_role?id=${props?.item?.id}`,
                );
              }}
            />
          }
        >
          <div style={{ height: '80px' }}>
            给员工分配不同角色，根据角色权限进行功能操作。
          </div>
        </ProCard>
      </ProCard>
    </div>
  );
}
