import React, { useState } from 'react';
import { useCircuitEditor } from 'velo-circuit/react';

export default function CircuitPlayground() {
  const [dsl, setDsl] = useState('');
  const { containerRef } = useCircuitEditor({ value: dsl, onChange: setDsl });
  return <div ref={containerRef} style={{ height: '500px' }} />;
}