import  React from "react";
import Head from '../../component/Header'
import  Modal  from './Modal';
import  Alert  from './Alert';
import  Doc from "../../component/Doc"
import  DocSection  from '../../component/DocSection';


class ButtonDoc extends React.Component {
  render() {
    return (
      <Doc title="Form">
        <DocSection title="Form" id="Form">
          <Modal/>
        </DocSection>
        <DocSection title="Alert" id="Alert">
          <Alert/>
        </DocSection>
        <DocSection title="Toast" id="Toast">
          <Alert/>
        </DocSection>
        <DocSection title="Popover" id="Popover">
          <Alert/>
        </DocSection>
      </Doc>
    )
  }
}

export default ButtonDoc;