/**
 * React Component for a button that initiates a transaction on the Stock Market UI
 * (Buy, Sell, Buy Max, etc.)
 */
import * as React from "react";

type IProps = {
  onClick: () => void;
  text: string;
  tooltip?: JSX.Element | null;
};

export function StockTickerTxButton(props: IProps): React.ReactElement {
  let className = "stock-market-input std-button";

  const hasTooltip = props.tooltip != null;
  if (hasTooltip) {
    className += " tooltip";
  }

  return (
    <button className={className} onClick={props.onClick}>
      {props.text}
      {props.tooltip != null && (
        <span className={"tooltiptext"}>{props.tooltip}</span>
      )}
    </button>
  );
}