{"size": 1010, "ext": "js", "max_stars_repo_path": "src/components/title/title.js", "max_stars_repo_name": "dusigner/lp-reactjs", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/title/title.js", "max_issues_repo_name": "dusigner/lp-reactjs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/title/title.js", "max_forks_repo_name": "dusigner/lp-reactjs", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.2, "max_line_length": 56, "alphanum_fraction": 0.4376237624}
import React from 'react'
import ReactDOM from 'react-dom';

export default props => {
    
    var txtmf = props.textMF,
        txtms = props.textMS,
        txtdf = props.textDF,
        txtds = props.textDS,
        markupM,
        markupD;

    txtmf != undefined && txtms != undefined
    ? markupM = (
        <span className="mobile">
            <h2>{txtmf}</h2>
            <br></br>
            <h2>{txtms}</h2>
        </span>
    )
    : markupM = (
        <span className="mobile">
            <h2>{txtmf}</h2>
        </span>
    )

    txtdf != undefined && txtds != undefined
    ? markupD = (
        <span className="desktop">
            <h2>{txtdf}</h2>
            <br></br>
            <h2>{txtds}</h2>
        </span>
    )
    : markupD = (
        <span className="desktop">
            <h2>{txtdf}</h2>
        </span>
    )


    
    return (
        <div className={`${props.setClass} edge-title`}>
                { markupM }
                { markupD }
        </div>
    )
}
