import * as React from 'react';
import TimeInputNext from '..';
import { TimeInputNextTestkit } from '../../../testkit';
import { TimeInputNextTestkit as TimeInputNextEnzymeTestkit } from '../../../testkit/enzyme';
import { TimeInputNextTestkit as TimeInputNextPuppeteerTestkit } from '../../../testkit/puppeteer';
import * as enzyme from 'enzyme';
import * as puppeteer from 'puppeteer';

function TimeInputNextWithMandatoryProps() {
  return <TimeInputNext />;
}

function TimeInputNextWithAllProps() {
  return (
    <TimeInputNext
      dataHook="dataHook"
      className="className"
      border="round"
      disabled
      onChange={() => {}}
      placeholder="Placeholder"
      prefix={<div>Prefix</div>}
      size="medium"
      status="warning"
      statusMessage="status message"
      suffix={<div>suffix</div>}
      step={20}
      timeStyle="long"
      value={new Date(1999, 12, 12, 20, 20, 0)}
      width="auto"
      readOnly
    />
  );
}

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

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

  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  const puppeteerTestkit = await TimeInputNextPuppeteerTestkit({
    dataHook: 'hook',
    page,
  });
}