Button.js

const Button = ({ svg: SVG, ...props }) => (
	<WithTooltip dir="t" tooltip={props.tooltip}>
		{!props.on ? (
			// Off:
			<div className="p-2 text-gray-800 hover:bg-md-gray-100 active:bg-md-gray-200 rounded-lg cursor-pointer" onClick={props.onClick}>
				<SVG className="p-px w-5 h-5 stroke-500" />
			</div>
		) : (
			// On:
			<div className="p-2 text-blue hover:bg-blue-100 rounded-lg cursor-pointer" onClick={props.onClick}>
				<SVG className="p-px w-5 h-5 stroke-500" />
			</div>
		)}
	</WithTooltip>
)