import React from 'react';
import Button from 'react-bootstrap/Button'
import ButtonToolbar from 'react-bootstrap/ButtonToolbar'
import './App.css';

function App() {
  return (
    <div classname="App" text-align="center">
            <Button variant="secondary"> 1 </Button>
            <Button variant="secondary"> 2 </Button>
            <Button variant="secondary"> 3 </Button>

        <ButtonToolbar>
            <Button variant="secondary"> 4 </Button>
            <Button variant="secondary"> 5 </Button>
            <Button variant="secondary"> 6 </Button>
        </ButtonToolbar>

        <ButtonToolbar>
            <Button variant="secondary"> 7 </Button>
            <Button variant="secondary"> 8 </Button>
            <Button variant="secondary"> 9 </Button>
        </ButtonToolbar>

        <ButtonToolbar>
            <Button variant="secondary"> 0 </Button>
            <Button variant="secondary"> + </Button>
            <Button variant="secondary"> = </Button>
            <Button variant="secondary"> - </Button>
            <Button variant="secondary"> * </Button>
            <Button variant="secondary"> / </Button>
        </ButtonToolbar>
    </div>
  );
}

export default App;