From 54c11a0cb1d03bb103d30180326ffc996b30ef49 Mon Sep 17 00:00:00 2001
From: Francesco Esposito <33671357+frab1t@users.noreply.github.com>
Date: Thu, 21 Mar 2019 11:21:07 +0100
Subject: [PATCH] add ButtonBox component

---
 src/components/ButtonBox.js | 62 +++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/components/ButtonBox.js

diff --git a/src/components/ButtonBox.js b/src/components/ButtonBox.js
new file mode 100644
index 0000000..7be77c6
--- /dev/null
+++ b/src/components/ButtonBox.js
@@ -0,0 +1,62 @@
+import React, { Component } from 'react';
+import { Button, Row, Col } from 'reactstrap';
+import './ButtonBox.css';
+
+class ButtonBox extends Component {
+
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div className="button-box">
+        <Row>
+          <Col>
+            <Button
+              className="button"
+              block
+              size="lg"
+              color="success"
+              onClick={this.props.startTimer}
+              disabled={this.props.isStarted}
+            >
+              START
+            </Button>
+          </Col>
+        </Row>
+        <Row
+          className="top-margin"
+        >
+          <Col>
+            <Button
+              className="button"
+              block
+              color="danger"
+              size="lg"
+              onClick={this.props.stopTimer}
+              disabled={!this.props.isStarted}
+            >
+              STOP
+             </Button>
+          </Col>
+
+          <Col>
+              <Button
+                className="button"
+                block
+                color="secondary"
+                size="lg"
+                onClick={this.props.resetTimer}
+                disabled={this.props.isStarted}
+              >
+                RESET
+                </Button>
+            </Col>
+        </Row>
+      </div>
+        );
+      }
+    }
+    
+    export default ButtonBox;
\ No newline at end of file