add mid point

Author: M A Alim

package.json

@@ -1,6 +1,6 @@
 {
 "name": "react-awesome-clock",
-"version": "0.0.0",
+"version": "1.0.0",
 "description": "A react component to display clock",
 "license": "MIT",
 "author": "M A Alim",

src/lib/components/Clock.jsx

@@ -42,6 +42,7 @@ const Clock = (props) => {
 />
 ))}
 <div className="rac-hand-wrapper" style={{ width: size, height: size/2 }}>
+<div className="rac-mid-point" style={{ height: size/20, width: size/20, transform: `translateY(${size/40}px)` }}></div>
 {live && <Hand height={4*size/10} handID="rac-second-hand" angle={second*6} />}
 <Hand height={3*size/10} handID="rac-minute-hand" angle={minute*6+second/10} />
 <Hand height={size/5} handID="rac-hour-hand" angle={hour*30+minute/2} />

src/lib/components/clock.css

@@ -5,6 +5,11 @@
 border-radius: 50%;
 }
 
+.rac-mid-point {
+background-color: #000;
+border-radius: 50%;
+}
+
 .rac-hour-body {
 position: absolute;
 inset: 5px;