text: import React from "react";
  import Gotchi from "../../../../../../components/Gotchi/Gotchi";
  import { Grid } from "@mui/material";
  
  import { baazaarSortingBodyStyles } from "../../../../styles";
  
  export default function Aavegotchi({item}) {
      const classes = baazaarSortingBodyStyles();
  
      return (
          <div>
              <div className={classes.baazaarListItem}>
                  <Grid item xs={12}>
                      {
                          item.gotchi.__typename === "Aavegotchi" ?
                              <Gotchi
                                  className={classes.gotchi}
                                  gotchi={item.gotchi}
                                  render={[
                                      {
                                          badges: [
                                              'id',
                                              'skillpoints',
                                              'level',
                                              'collateral'
                                          ]
                                      },
                                      'svg',
                                      'name',
                                      'mainTraits',
                                      'numericTraits',
                                      'wearablesLine',
                                      'listing',
                                  ]}
                              /> :
                              <Gotchi
                                  key={item.gotchi.id}
                                  className={classes.gotchi}
                                  gotchi={{
                                      ...item.gotchi,
                                      listings: [{id: item.id, priceInWei: item.priceInWei}],
                                      historicalPrices: []
                                  }}
                                  renderSvgByStats={true}
                                  portal={true}
                                  render={[
                                      {
                                          badges: [
                                              'id',
                                              'level',
                                              'collateral'
                                          ]
                                      },
                                      'svg',
                                      'name',
                                      'mainTraits',
                                      'numericTraits',
                                      'wearablesLine',
                                      'listing',
                                  ]}
                              />
                      }
                  </Grid>
              </div>
          </div>
      );
  }
  