import * as React from "react";

import * as theme from "./GridSpacer.scss";

export class GridSpacer extends React.Component<any, any> {

    render() {

        if (this.props.text !== undefined) {
            return (
                <td className={theme.spacer} style={{position:"relative"}}>
                    <span style={{position: "absolute", left: 0, top: 0}}>
                        { this.props.text }
                    </span>
                </td>
            );
        }

        const css = [
            theme.spacer,
            this.props.display ? "" : theme.hidden
        ].join(" ");

        return (
            <td className={css}>&nbsp;</td>
        );
    }
}