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

function AnswerButton(props) {
  const {
    children,
    className = '',
    theme = 'default',
    size = 'basic',
    disabled,
    radius = true,
    width,
    onClick,
  } = props;
  return (
    <div
      style={{ width: width || '' }}
      className={`answer-button ${className} ${theme} ${size} ${disabled ? 'disabled' : ''}  ${radius ? 'radius' : ''}`}
      onClick={e => onClick && onClick(e)}
    >
      {children}
    </div>
  );
}
AnswerButton.propTypes = {};
export default AnswerButton;