import {h, render} from 'ts-ink';
import Console from 'ink-console';
import Counter from './Counter';

render(
  <div>
    <Counter />
    <br />
    <Console lines={20} />
  </div>,
);

import {h, render} from 'ts-ink';
import Console, {LogCatcher} from 'ink-console';
import Counter from './Counter';

// defining the log catcher outside the component
// lets you render the same global console.log in
// multiple separate locations
// e.g. you can preserve the log even if it is not always visible
const logCatcher = new LogCatcher();

render(
  <div>
    <Counter />
    <br />
    <Console lines={20} logCatcher={logCatcher} />
  </div>,
);