import React from 'react';
import './index.less';

const Button:React.FC<{
    type?: string,
    className?: string,
    children?: any,
    onClick?: (...args: any[]) => void,
    style?: any,
}> = ({
    type = 'default',
    className = '',
    children,
    onClick = () => null,
    style
}) => {
    return (
        <div
            onClick={onClick}
            style={style}
            className={`music-monaco-editor-button
            music-monaco-editor-button-${type}
            ${className}`}>
            {children}
        </div>
    )
}

export default Button;
