class Jumbotron extends React.Component {

    renderBreadcrumb () {
        let {breadcrumbHref, breadcrumbText} = this.props;

        if (breadcrumbHref) {
            return (
                <a href={breadcrumbHref} className="breadcrumb"><span className="fas fa-chevron-left"></span> {breadcrumbText} </a>
            );
        }
    }

    renderCta () {
        let {ctaHref, ctaText} = this.props;

        if (ctaHref) {
            return (
                <a href={ctaHref} className="cta">{ctaText}</a>
            );
        }
    }

    renderContent () {
        let {content} = this.props;

        if (content) {
            return (
                <p className="content">{content}</p>
            );
        }
    }

    renderCredits () {
        let { credits } = this.props;

        if (credits) {
            return (
                <span className="jumbotron-credits">Créditos: ASCOM - UFRN</span>
            );
        }
    }

    render () {
        let {title, bgClass} = this.props;

        return (
            <div className={"jumbotron-wrapper " + bgClass}>
                {this.renderBreadcrumb()}
                <p className="title">{title}</p>
                {this.renderContent()}
                {this.renderCta()}
                {this.renderCredits()}
            </div>
        )
    }
    
}