import React from 'react';
import { withNamespaces } from 'react-i18next';

/**
 * Render a mark-toggling toolbar button.
 *
 * @param {String} type
 * @param {String} icon
 * @return {Element}
 */
export default withNamespaces("")(({icon, isActive, onMouseDown, t}) => (
  <span className={"button sticky-top" + ((!isActive)?" text-primary":" text-dark")} onMouseDown={onMouseDown} data-active={isActive} title={t("common." + icon)} >

    <span className="material-icons">{icon}</span>
  </span>
));