// import React from 'react';
// import { Component } from 'react';
// // import { BaseBot } from './bot';
// export class Sender extends Component {
//   public props: {
//     bot: BaseBot;
//   };
//   public state: {
//     channel: string;
//     entry: string;
//   };
//   constructor(props, context) {
//     super(props, context);
//     this.state = {
//       channel: 'my-channel',
//       entry: '{"key": "val"}'
//     };
//   }
//   public setChannel(ev: any) {
//     console.log(ev, ev.target);
//     this.setState({ channel: ev.target.value });
//   }
//   public setEntry(ev: any) {
//     this.setState({ entry: ev.target.value });
//   }
//   public send(e) {
//     e.preventDefault();
//     console.log(e, JSON.stringify(this.state));
//     try {
//       const entry = JSON.parse(this.state.entry);
//       this.props.bot.pubsub.publish(`bot/${this.props.bot.friendly_id}/${this.state.channel}`, entry);
//     } catch (e) {
//       console.log('JSON parsing failed', e);
//     }
//   }
//   public render() {
//     return (
//       <form>
//         <label>Channel</label>
//         <input
//           type="text"
//           defaultValue={this.state.channel}
//           placeholder={`something`}
//           onChange={e => this.setChannel(e)}
//         />
//         <input type="textarea" defaultValue={this.state.entry} placeholder={`{}`} onChange={e => this.setEntry(e)} />
//         <button onClick={e => this.send(e)}>Send</button>
//       </form>
//     );
//   }
// }
//# sourceMappingURL=dev.js.map