const HanyuuOAuth2AppInfoLink = function(info) {
    const element = <a href={info.uri} target="_blank" rel="noopener noreferrer" class="oauth2-appinfo-link" title={info.title}>
        <div class="oauth2-appinfo-link-icon oauth2-appinfo-link-icon-globe"></div>
        <div class="oauth2-appinfo-link-text">{info.display}</div>
    </a>;

    return {
        get element() { return element; },
    };
};

const HanyuuOAuth2AppInfo = function(info) {
    const linksElem = <div class="oauth2-appinfo-links"/>;
    if(Array.isArray(info.links))
        for(const link of info.links)
            linksElem.appendChild((new HanyuuOAuth2AppInfoLink(link)).element);

    // TODO: author should be listed
    const element = <div class="oauth2-appinfo">
        <div class="oauth2-appinfo-name">{info.name}</div>
        {linksElem}
        <div class="oauth2-appinfo-summary">
            <p>{info.summary}</p>
        </div>
    </div>;

    return {
        get element() { return element; },
    };
};