import * as React from "react";
import * as _ from "lodash";
import classNames from "../modules/classnames";

export interface CenteredIconProps extends React.HTMLProps<HTMLSpanElement>
{
	iconProps?:React.HTMLProps<HTMLImageElement>
}

export interface CenteredIconState
{
}

export default class CenteredIcon extends React.Component<CenteredIconProps, CenteredIconState>
{
	constructor(props:CenteredIconProps)
	{
		super(props)
	}

	render() 
	{
		return (
			<button
				{...this.props}
				className={classNames("weave-transparent-button", this.props.className || "weave-icon")}
			>
				{
					this.props.children || (
						<i
							{...this.props.iconProps}
						/>
					)
				}
			</button>
		)
	}
}

import * as React from "react";
import classNames from "../modules/classnames";

export interface CenteredIconProps extends React.HTMLProps<HTMLSpanElement>
{
	iconProps?:React.HTMLProps<HTMLImageElement>
}

export interface CenteredIconState
{
}

export default class CenteredIcon extends React.Component<CenteredIconProps, CenteredIconState>
{
	private element:HTMLElement;

	constructor(props:CenteredIconProps)
	{
		super(props);
	}

	render() 
	{
		return (
			<button
				ref={(e:HTMLButtonElement) => this.element = e}
				{...this.props}
				className={classNames("weave-transparent-button", this.props.className || "weave-icon")}
			>
				{
					this.props.children || (
						<i
							{...this.props.iconProps}
						/>
					)
				}
			</button>
		)
	}
}

--- 
+++ 
@@ -1,4 +1,5 @@
 import * as React from "react";
+import * as _ from "lodash";
 import classNames from "../modules/classnames";
 
 export interface CenteredIconProps extends React.HTMLProps<HTMLSpanElement>
@@ -12,18 +13,15 @@
 
 export default class CenteredIcon extends React.Component<CenteredIconProps, CenteredIconState>
 {
-	private element:HTMLElement;
-
 	constructor(props:CenteredIconProps)
 	{
-		super(props);
+		super(props)
 	}
 
 	render() 
 	{
 		return (
 			<button
-				ref={(e:HTMLButtonElement) => this.element = e}
 				{...this.props}
 				className={classNames("weave-transparent-button", this.props.className || "weave-icon")}
 			>
Revert "Icon now take focus on mouse enter"

This reverts commit 3c3843bc0538ae76d749b973ecc41f7fa707f37c.
