{"size": 984, "ext": "js", "max_stars_repo_path": "src/svg/Wooplet.js", "max_stars_repo_name": "techtutorapp/techtutor", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/svg/Wooplet.js", "max_issues_repo_name": "techtutorapp/techtutor", "max_issues_repo_issues_event_min_datetime": "2021-04-26T03:18:49.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-07T15:20:58.000Z", "max_forks_repo_path": "src/svg/Wooplet.js", "max_forks_repo_name": "techtutorapp/techtutor", "max_forks_repo_forks_event_min_datetime": "2021-04-26T17:53:17.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-26T17:53:17.000Z"}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": 1, "avg_line_length": 21.8666666667, "max_line_length": 49, "alphanum_fraction": 0.5558943089}
import React from 'react'
import PropTypes from 'prop-types'
import { StaticImage } from 'gatsby-plugin-image'
import { Box } from '@chakra-ui/react'

// console.log(standard)

const Wooplet = (props) => {
  if (props.type === 'standard') {
    return <Box flex={6} w='35%' m='auto'>
        <StaticImage
          placeholder='tracedSVG'
          src='./standard.svg'
          alt='Wooplet Avatar'
        />
      </Box>
  } else if (props.type === 'index') {
    return <Box
      objectFit='cover'
      w='40%'
      m='auto'>
        <StaticImage
          placeholder='tracedSVG'
          src='./standard.svg'
          alt='Wooplet Avatar'
        />
      </Box>
  }
  return <Box flex={6} w='35%' m='auto'>
      <StaticImage
        placeholder='tracedSVG'
        src='./standard.svg'
        alt='Wooplet Avatar'
      />
    </Box>
}

Wooplet.propTypes = {
  type: PropTypes.oneOf(['standard']),
  h: PropTypes.string,
  w: PropTypes.string
}

export default Wooplet
