import  React from "react";
import {Button,BtnGroup} from "../../../dist/fengjr"
import  Doc from "../../component/Doc"
import  DocSection  from '../../component/DocSection';
import btnmd from './btn.md'

class ModalDoc extends React.Component {
  render() {
    return (
      <Doc title="Button">
        <DocSection title="Button" id="Button" style={{overflow:"auto"}}>
          <div style={{float:"left"}}>
            <div dangerouslySetInnerHTML={{__html: btnmd}}></div>
          </div>
          <div className="phone" >
            <div style={{padding:10}}>
              <h4>默认页面按钮：</h4>
              <Button>默认页面按钮</Button>
              <h4>按钮不可点击：</h4>
              <Button disabled="disabled">默认页面按钮</Button>
              <h4>按钮组：</h4>
              <BtnGroup>
                <Button >按钮1</Button>
                <Button >按钮2</Button>
              </BtnGroup>
              <h4>按钮组：</h4>
              <BtnGroup>
                <Button >按钮1</Button>
                <Button >按钮2</Button>
                <Button >按钮3</Button>
              </BtnGroup>
              <h4>按钮组：</h4>
              <BtnGroup>
                <Button disabled>按钮1</Button>
                <Button disabled>按钮2</Button>
                <Button disabled>按钮3</Button>
              </BtnGroup>
            </div>
          </div>
        </DocSection>
      </Doc>
    )
  }
}
export default ModalDoc;