Workspace · Monolith

1import React, { useState } from 'react'2import { Editor } from './src/Components/Editor'3import { Sidebar } from './src/Components/Sidebar'4 5export default function App() {6  const [source, setSource] = useState('// Start typing');7  return (8    <main className="app">9      <h1>Monolith</h1>10      <Sidebar files={['Editor.tsx', 'Sidebar.tsx']} onOpen={console.log} />11      <Editor content={source} onChange={setSource} />12    </main>13  );14}15

import React, { useState } from 'react'
import { Editor } from './src/Components/Editor'
import { Sidebar } from './src/Components/Sidebar'

export default function App() {
  const [source, setSource] = useState('// Start typing');
  return (
    <main className="app">
      <h1>Monolith</h1>
      <Sidebar files={['Editor.tsx', 'Sidebar.tsx']} onOpen={console.log} />
      <Editor content={source} onChange={setSource} />
    </main>
  );
}