prepare v2

.babelrc

@@ -1,6 +1,7 @@
 {
-    "presets": ["env", "stage-0", "react"],
-    "plugins": [
-        "transform-decorators-legacy"
+    "extends": "@trendmicro/babel-config",
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
     ]
 }

.gitignore

@@ -3,4 +3,5 @@ npm-debug.log
 package-lock.json
 /.nyc_output
 /coverage
+/dist
 /lib

.travis.yml

@@ -9,7 +9,7 @@ os:
 
 node_js:
   - '8'
-  - '6'
+  - '10'
 
 before_install:
   - npm install -g npm

README.md

@@ -14,9 +14,8 @@ npm install --save react-repeatable
 
 ## Usage
 
-```js
+```jsx
 <Repeatable
-    style={{ display: 'inline-block' }}
     repeatDelay={500}
     repeatInterval={32}
     onPress{(event) => {
@@ -35,12 +34,26 @@ npm install --save react-repeatable
         // Callback fired when the mouseup, touchcancel, or touchend event is triggered.
     }}
 >
-    <button type="button">
-        Press Me
-    </button>
+    Press Me
 </Repeatable>
 ```
 
+### Repeatable Button
+
+```jsx
+const RepeatableButton = ({ onClick, ...props }) => (
+    <Repeatable
+        tag="button"
+        type="button"
+        onHold={onClick}
+        onRelease={onClick}
+        {...props}
+    />
+);
+
+<RepeatableButton onClick={handleClick} />
+```
+
 ## API
 
 ### Sequence of Events
@@ -55,7 +68,7 @@ onPress -> onRelease
 
 Name | Type | Default | Description
 :--- | :--- | :------ | :----------
-componentClass | element | 'div' | A custom element for this component.
+tag | element | 'div' | A custom element for this component.
 disabled | Boolean | false | Set it to true to disable event actions.
 repeatDelay | Number | 500 | The time (in milliseconds) to wait before the first hold action is being triggered.
 repeatInterval | Number | 32 | The time interval (in milliseconds) on how often to trigger a hold action.