text: import { Link } from 'react-router-dom';
  
  // material-ui
  import { ButtonBase } from '@mui/material';
  
  // project imports
  import config from 'config';
  import Logo from 'ui-component/Logo';
  
  // ==============================|| MAIN LOGO ||============================== //
  
  const LogoSection = ({ userRole }) => (
      <ButtonBase disableRipple component={Link} to={config.defaultPaths[userRole] || config.defaultPath}>
          <Logo />
      </ButtonBase>
  );
  
  export default LogoSection;
  