AntD自定义展开收缩的button 及 自定义展开收缩时对应的logo图片

需求如图：


代码：
这里用到的是Prolayout组件

	    logo={
    
    collapsed ? logoMini : logo}
        collapsed={
    
    collapsed}
        collapsedButtonRender={
    
    false}
        headerContentRender={
    
    () => {
    
    
          return (
            <div
              onClick={
    
    () => setCollapsed(!collapsed)}
              style={
    
    {
    
    
                cursor: 'pointer',
                fontSize: '16px',
                width: '16px',
              }}
            >
              {
    
    collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
            </div>
          );
        }}