import type { CellRendererProps } from 'tui-grid/types/renderer';

export class FunctionalButtonRenderer {
  el: HTMLElement;

  constructor(props: CellRendererProps) {
    const el = document.createElement('button');
    const options = props.columnInfo.renderer.options;
    const data = props.grid.getRow(props.rowKey);
    el.className = 'ant-btn ant-btn-primary';
    el.onclick = () => options?.onClick(data);
    el.innerHTML = `<span>${options?.buttonName}</span>`;

    this.el = el;
  }

  beforeDestroy(): void {}

  focused(): void {}

  getElement(): Element {
    return this.el;
  }

  mounted(parent: HTMLElement): void {}

  render(props: CellRendererProps): void {}
}