From 8b932abe6d8c3224762d3e920d90f10da4da8915 Mon Sep 17 00:00:00 2001
From: Binu42 <kbinu42@gmail.com>
Date: Sat, 10 Oct 2020 15:51:54 +0530
Subject: [PATCH] import it from react in the beginning only

---
 src/lib/index.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/lib/index.tsx b/src/lib/index.tsx
index 5313063..48ad55e 100644
--- a/src/lib/index.tsx
+++ b/src/lib/index.tsx
@@ -1,4 +1,4 @@
-import React, { MouseEvent } from "react";
+import React, { MouseEvent, CSSProperties, ReactNode, useState, useEffect } from "react";
 
 const copyToClipboard = (str: string) => {
   const el = document.createElement("textarea"); // Create a <textarea> element
@@ -21,11 +21,11 @@ const copyToClipboard = (str: string) => {
   }
 };
 
-const containerBaseStyles: React.CSSProperties = {
+const containerBaseStyles: CSSProperties = {
   position: "relative",
 };
 
-const tooltipBaseStyles: React.CSSProperties = {
+const tooltipBaseStyles: CSSProperties = {
   bottom: "26px",
   maxWidth: "fit-content",
   position: "absolute",
@@ -46,7 +46,7 @@ const tooltipBaseStyles: React.CSSProperties = {
   transition: "all 0.2s ease-in-out",
 };
 
-const toolTipVisibleStyles: React.CSSProperties = {
+const toolTipVisibleStyles: CSSProperties = {
   opacity: 1,
   transform: "none",
   visibility: "visible",
@@ -62,15 +62,15 @@ const CopyMailTo = ({
   anchorStyles = {},
 }: {
   email: string;
-  children?: React.ReactNode;
+  children?: ReactNode;
   defaultTooltip?: string;
   copiedTooltip?: string;
-  containerStyles?: React.CSSProperties;
-  tooltipStyles?: React.CSSProperties;
-  anchorStyles?: React.CSSProperties;
+  containerStyles?: CSSProperties;
+  tooltipStyles?: CSSProperties;
+  anchorStyles?: CSSProperties;
 }): JSX.Element => {
-  const [showCopied, setShowCopied] = React.useState(false);
-  const [showTooltip, setShowTooltip] = React.useState(false);
+  const [showCopied, setShowCopied] = useState(false);
+  const [showTooltip, setShowTooltip] = useState(false);
 
   const copyEmail = (e: MouseEvent) => {
     e.preventDefault();
@@ -87,7 +87,7 @@ const CopyMailTo = ({
     setShowTooltip(false);
   };
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (showCopied) {
       window.setTimeout(() => {
         setShowCopied(false);