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>
          );
        }}