text: import React from 'react';
  import { Link } from '@mui/material';
  import CallMade from '@mui/icons-material/CallMade';
  
  import styles from '../styles';
  
  export default function GotchiName({ gotchi }) {
      const classes = styles();
  
      return (
          <Link
              className={classes.gotchiName}
              href={`https://app.aavegotchi.com/gotchi/${gotchi.id}`}
              target='_blank'
              underline='none'
          >
              <p>{gotchi.name ? gotchi.name : 'Unnamed'}</p>
              <CallMade className={classes.callMadeIcon} />
          </Link>
      );
  }
  