feat: add reusable IconButton component

equinor · Mar 14, 2023 · f933e30 · f933e30
1 parent 1ee3eff
commit f933e30
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/web/src/common/components/IconButton.tsx b/web/src/common/components/IconButton.tsx
@@ -0,0 +1,20 @@
+import { Button, Icon, Tooltip } from '@equinor/eds-core-react'
+import { IconData } from '@equinor/eds-icons'
+
+interface IconButtonProps {
+  title: string
+  icon: IconData
+  onClick: () => Promise<void>
+}
+
+const IconButton = ({ title, icon, onClick }: IconButtonProps) => {
+  return (
+    <Tooltip title={title}>
+      <Button variant="ghost_icon" onClick={onClick}>
+        <Icon data={icon} size={24} title={title} />
+      </Button>
+    </Tooltip>
+  )
+}
+
+export default IconButton