mirror of
https://github.com/wassname/talk.git
synced 2026-06-29 09:23:51 +08:00
25 lines
636 B
JavaScript
25 lines
636 B
JavaScript
import React from 'react';
|
|
import styles from './Button.css';
|
|
import Icon from './Icon';
|
|
|
|
export default class Button extends React.Component {
|
|
render() {
|
|
const {cStyle = 'local', children, className, raised = false, full = false, icon = '', ...props} = this.props;
|
|
return (
|
|
<button
|
|
className={`
|
|
${styles.button}
|
|
${styles[`type--${cStyle}`]}
|
|
${className}
|
|
${full ? styles.full : ''}
|
|
${raised ? styles.raised : ''}
|
|
`}
|
|
{...props}
|
|
>
|
|
{icon && <Icon name={icon} className={styles.icon} />}
|
|
{children}
|
|
</button>
|
|
);
|
|
}
|
|
}
|