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

type Props = {
    align: string;
    styles: string;
    children?: React.ReactNode;
    onClick: () => void;
  }

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