import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import React, { Component } from 'react';
import { BoolCast } from '../../../../../fields/Types';
import { IButtonProps } from '../ButtonInterface';

export class TextButton extends Component<IButtonProps> {
    render() {
        const type = this.props.type;
        // Determine the type of toggle button
        const buttonText: boolean = BoolCast(this.props.rootDoc.switchToggle);

        return (<div className={`menuButton ${this.props.type}`} style={{ opacity: 1, backgroundColor: this.props.backgroundColor, color: this.props.color }}>
            <FontAwesomeIcon className={`fontIconBox-icon-${this.props.type}`} icon={this.props.icon} color={this.props.color} />
            {this.props.label}
        </div>)
    }
}