import * as React from 'react'
import { TLDraw, useFileSystem } from '@tldraw/tldraw'

export default function FileSystem(): JSX.Element {
  const fileSystemEvents = useFileSystem()

  // Use the Menu > File to create, open, and save .tldr files.

  return (
    <div className="tldraw">
      <TLDraw {...fileSystemEvents} />
    </div>
  )
}