From 40a6a7d85788df675850336d79a8db6669df990c Mon Sep 17 00:00:00 2001
From: Kat Hagan <kat@codebykat.com>
Date: Thu, 3 Sep 2020 13:46:30 -0700
Subject: [PATCH] add a wrapper span so we can pass a disabled button

---
 lib/icon-button/index.tsx | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/lib/icon-button/index.tsx b/lib/icon-button/index.tsx
index 2d96533af..c648cda69 100644
--- a/lib/icon-button/index.tsx
+++ b/lib/icon-button/index.tsx
@@ -10,15 +10,22 @@ type OwnProps = {
 type Props = OwnProps;
 
 export const IconButton = ({ icon, title, ...props }: Props) => (
-  <Tooltip
-    classes={{ tooltip: 'icon-button__tooltip' }}
-    enterDelay={200}
-    title={title}
-  >
-    <button className="icon-button" type="button" data-title={title} {...props}>
-      {icon}
-    </button>
-  </Tooltip>
+  <span>
+    <Tooltip
+      classes={{ tooltip: 'icon-button__tooltip' }}
+      enterDelay={200}
+      title={title}
+    >
+      <button
+        className="icon-button"
+        type="button"
+        data-title={title}
+        {...props}
+      >
+        {icon}
+      </button>
+    </Tooltip>
+  </span>
 );
 
 export default IconButton;