import React from 'react';
import classNames from 'classnames';

interface KonvaMouseEvent extends React.MouseEvent<HTMLElement> {
    target: KonvaTextEventTarget
  }

interface Props {
    align: string;
    styles: string;
    children?: React.ReactNode;
    onClick: {(event: KonvaMouseEvent) => {
        makeMove(ownMark, event.target.index)};
  }

export const Button: React.FC<Props> = ({onClick, align, styles, children}) => {
    return(
        <div className= {classNames('button_main', align )}>
            <button className = {classNames('button', styles )} onClick = {(event) => onClick(event)}> {children} </button>
        </div>
    )
}