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

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

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