+
+ Input Specification
+
+
+
+
+
+
+
+
+ Output
+
+
+
+
+
+
+
+ >
+ )
+}
+
+const PlaygroundWrapper: React.FC = () => {
+ const monaco = useMonaco()
+ const [webFsAdaptor] = useState(new WebFsAdaptor())
+
+ const defaultSampleFilename = sampleFilenames[0]
+
+ const [defaultSample, setDefaultSample] = useState<{
+ filename: string
+ content: string
+ } | null>(null)
+
+ useEffect(() => {
+ fetchSample(defaultSampleFilename).then((content) =>
+ setDefaultSample({filename: defaultSampleFilename, content: content}),
+ )
+ }, [defaultSampleFilename])
+
+ if (!monaco || !defaultSample) {
+ return null
+ }
+
+ return (
+