import React, { Component } from 'react';
import { hashHistory } from 'react-router';
import { Panel, Icon, Input ,Button} from '../../components';

import '../styles/pages/ButtonPage';

class ButtonPage extends Component {

  render() {
    return (
      <div className="button-page">
        <Panel>
          <Panel.Header>
            <Panel.Title>输入框主题</Panel.Title>
          </Panel.Header>
          <Panel.Body>
            <p><Input /></p>
            <p><Input placeholder="请输入内容" radius size="xl" theme="info"/></p>
            <p><Input placeholder="请输入内容" size='lg' theme="success"/></p>
            <p><Input placeholder="请输入内容" theme="warning"/></p>
            <p><Input placeholder="请输入内容" theme="error"/></p>
          </Panel.Body>
        </Panel>

      </div>
    );
  }
}

export default ButtonPage;