/** @format */
/**
 * External dependencies
 */
import { __ } from '@wordpress/i18n';
import { Component, Fragment } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { Card, Search } from '@woocommerce/components';
import Header from 'layout/header';

export default class extends Component {
	constructor( props ) {
		super( props );
		this.onChange = this.onChange.bind( this );
	}

	onChange() {
		// Here we can do whatever we want with `results`
		// console.log( results );
	}

	render() {
		return (
			<Fragment>
				<Header sections={ [ __( 'Analytics', 'wc-admin' ) ] } />
				<Card title="Overview Section">
					<Search onChange={ this.onChange } type="products" />
				</Card>
			</Fragment>
		);
	}
}