import React from 'react';
import classNames from 'classnames';

//import { LocalizerType } from '../../types/Util';

export enum SessionButtonTypes {
  fullGreen = 'fullGreen',
  white = 'white',
  green = 'green',
}

interface Props {
  //i18n: LocalizerType;
  text: string;
  buttonType: SessionButtonTypes;
}


export class SessionButton extends React.PureComponent<Props> {

  public render() {
    const {
      buttonType,
      text
    } = this.props;

    return (
        <div  
          className={classNames(
            'session-button',
            buttonType === SessionButtonTypes.green? 'green' : '',
            buttonType === SessionButtonTypes.fullGreen? 'full-green' : '',
            buttonType === SessionButtonTypes.white? 'white' : '',
            )}
            role='button'
        >
          {text}
        </div>
    );
  }
}
