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>
		)
	}
}

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>
		)
	}
}

Revert "Icon now take focus on mouse enter"
Revert "Icon now take focus on mouse enter"

This reverts commit 3c3843bc0538ae76d749b973ecc41f7fa707f37c.
