/*
auto-generated by: https://github.com/pmndrs/gltfjsx
*/
import React, { forwardRef, ForwardedRef } from 'react'
import ParkCollisions from './models/Park_collisions'
import StreetCollisions from './models/Street_collisions'
import MuseumCollisions from './models/Museum_collisions'
import EntranceCollsions from './models/Entrance_collisions'
import { Mesh } from 'three'

const Model = forwardRef(
  (props: JSX.IntrinsicElements['group'], ref: ForwardedRef<Mesh>) => {
    // const material = new MeshBasicMaterial({
    //   wireframe: true,
    //   color: 0xffff00,
    // })

    return (
      <group ref={ref} {...props} dispose={null}>
        <ParkCollisions />
        <EntranceCollsions />
        <MuseumCollisions />
        <StreetCollisions />
      </group>
    )
  },
)

Model.displayName = 'collisions'

export default Model
