import React, { memo } from 'react';
import Style from './Menu.module.less';
import MiniLogo from 'assets/svg/assets-t-logo.svg?component';
import { useNavigate } from 'react-router-dom';
import { MiragenFlowButton } from '@miragenflow/ui';

interface IProps {
  collapsed?: boolean;
}

export default memo((props: IProps) => {
  const navigate = useNavigate();

  const handleClick = () => {
    navigate('/');
  };

  return (
    <MiragenFlowButton
      aria-label='返回管理台首页'
      className={Style.menuLogo}
      htmlType='button'
      onClick={handleClick}
      type='text'
    >
      {props.collapsed ? <MiniLogo /> : <span className={Style.brandLogo}><strong>元境幻生</strong><small>管理台</small></span>}
    </MiragenFlowButton>
  );
});