import * as React from 'react';
import Highlighter from '..';
import { highlighterTestkitFactory } from '../../../testkit';
import { highlighterTestkitFactory as highlighterEnzymeTestkitFactory } from '../../../testkit/enzyme';
import * as enzyme from 'enzyme';

function HighlighterWithMandatoryProps() {
  return <Highlighter />;
}

function HighlighterWithAllProps() {
  return <Highlighter dataHook="hook" match="abc" />;
}

async function testkits() {
  const testkit = highlighterTestkitFactory({
    dataHook: 'hook',
    wrapper: document.createElement('div'),
  });

  const enzymeTestkit = highlighterEnzymeTestkitFactory({
    dataHook: 'hook',
    wrapper: enzyme.mount(<div />),
  });
}