import { createFileRoute } from '@tanstack/react-router'
import { CodeEditor } from '../../components/CodeEditor'

export const Route = createFileRoute('/editor/')({
  component: RouteComponent,
})

function RouteComponent() {
  return (
    <div style={{ padding: '20px' }}>
      <h1>Code Editor</h1>
      <CodeEditor initialValue="// Write your code here\nconsole.log('Hello CodeMirror!')" />
    </div>
  )
}