import React from 'react';
import './index.scss';
import CodesWrapper from "../CodesWrapper";
import Button from "../../../lib/button";


const Index = () => {
  const buttonCodes = `
    <Button>Default</Button>
    <Button type="dark">Dark</Button>
    <Button type="primary">Primary</Button>
    <Button type="danger">Danger</Button>
    <Button type="warning">Warning</Button>
    <Button type="success">Success</Button>
    <Button type="midnightBlue">Blue</Button> 
  `;
  const component = (
    <div className="w-doc-button">
      <Button>Default</Button>
      <Button type="dark">Dark</Button>
      <Button type="primary">Primary</Button>
      <Button type="danger">Danger</Button>
      <br/>
      <Button type="warning">Warning</Button>
      <Button type="success">Success</Button>
      <Button type="midnightBlue">Midnight</Button>
    </div>
  );
  return (
    <CodesWrapper codes={buttonCodes} component={component} codeHeight={240}/>
  );
};

export default Index;
