src/client/views/nodes/button/textButton/TextButton.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

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>
        );
    }
}