import { useCanvas } from '@/hooks/useCanvas'
import { useRef } from 'react'
import { useEvent } from '@/hooks/useEvent'

export default function CanvasFrame() {
  const canvasRef = useRef(null)
  useCanvas('canvas')
  useEvent()

  return (
    <div className="canvas-frame" style={{ display: 'flex', justifyContent: 'center' }}>
      <canvas ref={canvasRef} id={'canvas'}></canvas>
    </div>
  )
}
