export function FixtureControls({ file, onFile, onReload }: {
  file: string; onFile: (file: string) => void; onReload: () => void;
}) {
  return <aside className="fixture-tools" aria-label="Local fixture controls">
    <label>Local test fixture<select value={file} onChange={event => onFile(event.currentTarget.value)}>
      <option value="events.json">Valid events</option><option value="empty.json">Empty list</option>
      <option value="malformed.json">Malformed JSON</option><option value="wrong-shape.json">Wrong shape</option>
      <option value="missing.json">Missing file</option><option value="unsafe-text.json">HTML-shaped text</option>
    </select></label>
    <button type="button" onClick={onReload}>Reload fixture</button>
    <p>Local synthetic data only. Try error cases, then switch back to Valid events.</p>
  </aside>;
}