import React from 'react';

// super('div', `${cssPrefix}-dropdown ${placement}`);
// this.title = title;
// this.change = () => {};
// this.headerClick = () => {};
// if (typeof title === 'string') {
//   this.title = h('div', `${cssPrefix}-dropdown-title`).child(title);
// } else if (showArrow) {
//   this.title.addClass('arrow-left');
// }
// this.contentEl = h('div', `${cssPrefix}-dropdown-content`).css('width', width).hide();

// this.setContentChildren(...children);

// this.headerEl = h('div', `${cssPrefix}-dropdown-header`);
// this.headerEl
//   .on('click', () => {
//     if (this.contentEl.css('display') !== 'block') {
//       this.show();
//     } else {
//       this.hide();
//     }
//   })
//   .children(
//     this.title,
//     showArrow ? h('div', `${cssPrefix}-icon arrow-right`).child(h('div', `${cssPrefix}-icon-img arrow-down`)) : '',
//   );
// this.children(this.headerEl, this.contentEl);

export const Dropdown = () => {
  return <div></div>;
};
