index.js 559 B

1234567891011121314151617181920212223242526
  1. import React from 'react';
  2. import './index.less';
  3. function AnswerButton(props) {
  4. const {
  5. children,
  6. className = '',
  7. theme = 'default',
  8. size = 'basic',
  9. disabled,
  10. radius = true,
  11. width,
  12. onClick,
  13. } = props;
  14. return (
  15. <div
  16. style={{ width: width || '' }}
  17. className={`answer-button ${className} ${theme} ${size} ${disabled ? 'disabled' : ''} ${radius ? 'radius' : ''}`}
  18. onClick={e => onClick && onClick(e)}
  19. >
  20. {children}
  21. </div>
  22. );
  23. }
  24. AnswerButton.propTypes = {};
  25. export default AnswerButton;