From a38b93e127ec62421d4a2afb1f73f75fe0966899 Mon Sep 17 00:00:00 2001
From: Priscila Oliveira <priscilawebdev@gmail.com>
Date: Sat, 26 Oct 2019 12:19:14 +0200
Subject: [PATCH] refactor(162): introduced forwardRefDivider (#218)

---
 src/components/PackageList/PackageList.tsx |  2 +-
 src/muiComponents/Divider/Divider.tsx      | 10 ++++++++++
 src/muiComponents/Divider/index.ts         |  1 +
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/muiComponents/Divider/Divider.tsx
 create mode 100644 src/muiComponents/Divider/index.ts

diff --git a/src/components/PackageList/PackageList.tsx b/src/components/PackageList/PackageList.tsx
index 59cda80..9caeff5 100644
--- a/src/components/PackageList/PackageList.tsx
+++ b/src/components/PackageList/PackageList.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react';
-import Divider from '@material-ui/core/Divider';
 
 import Package from '../Package';
 import Help from '../Help';
 import { formatLicense } from '../../utils/package';
 import { PackageInterface } from '../Package/Package';
+import Divider from '../../muiComponents/Divider';
 
 import * as classes from './styles';
 
diff --git a/src/muiComponents/Divider/Divider.tsx b/src/muiComponents/Divider/Divider.tsx
new file mode 100644
index 0000000..8fb4584
--- /dev/null
+++ b/src/muiComponents/Divider/Divider.tsx
@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { default as MaterialUIDivider, DividerProps } from '@material-ui/core/Divider';
+
+type DividerRef = keyof HTMLElementTagNameMap;
+
+const Divider = forwardRef<DividerRef, DividerProps>(function Divider(props, ref) {
+  return <MaterialUIDivider {...props} innerRef={ref} />;
+});
+
+export default Divider;
diff --git a/src/muiComponents/Divider/index.ts b/src/muiComponents/Divider/index.ts
new file mode 100644
index 0000000..b6de1e2
--- /dev/null
+++ b/src/muiComponents/Divider/index.ts
@@ -0,0 +1 @@
+export { default } from './Divider';