text: import * as React from 'react';
  import './TextButton.scss';
  import classNames from "classnames";
  
  interface IProps {
      key?:string;
      label:string;
      onClick?:() => any;
      style?:React.CSSProperties;
      isActive?:boolean;
      isDisabled?:boolean;
      externalClassName?:string;
  }
  
  export const TextButton = (props:IProps) => {
      const { key, label, onClick, style, isActive, isDisabled, externalClassName} = props;
  
      const getClassName = () => {
          return classNames(
              "TextButton",
              externalClassName,
              {
                  "active": isActive,
                  "disabled": isDisabled
              }
          );
      };
  
      const onClickHandler = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
          event.stopPropagation();
          !!onClick && onClick();
      };
  
      return(
          <div
              className={getClassName()}
              onClick={onClickHandler}
              key={key}
              style={style}
          >
              {label}
          </div>
      )
  };