1 import React from 'react';
3 import 'style/base.scss';
4 import './button.scss';
7 check: require("style/icons/svg-sprite-navigation-symbol.svg") + "#ic_check_24px"
10 export default class SqButton extends React.Component {
15 let {icon, primary, size, disabled, label, ...props} = this.props;
17 let Class = "SqButton";
19 svgHTML = <svg className="svg-24px SqButton-icon">
20 <use xlinkHref={icons[icon]}></use></svg>;
23 Class += " SqButton--primary";
25 Class += " SqButton--normal";
33 Class += " SqButton--" + size;
36 Class += " is-disabled";
39 <div style={{display: 'flex'}}>
40 <div className={Class} tabIndex="0">
42 <div className="SqButton-content">{label}</div>
49 SqButton.defaultProps = {
53 size: false, // 'small', 'medium', 'large'