/** @module UtilButton */

import React from "react";
import { Button, Tooltip } from "@material-ui/core";

export const UtilButton = () => {
  const handleClick = () => {
    alert("Utility Button Clicked");
  };
  return (
    <div data-test="button-user-settings">
      <Tooltip title={`Sample Utility Button`} position="bottom">
        <Button className="btn-support" onClick={handleClick}>
          <span className="d-inline d-sm-none d-md-inline">Utility Button</span>
          <span className="fas fa-user-cog fa-lg ml-2" />
        </Button>
      </Tooltip>
    </div>
  );
};

export default UtilButton;