/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import React from 'react';
import Tag from '../../spi/Tag';
import HTMLDom from '../../Content/Scalar/HTMLDom';
import '../../../../web/scss/components/Tag/Tag.scss';
/* function isHTMLImage(img: HTMLImageElement | SVGElement): img is HTMLImageElement {
  return (img as HTMLImageElement).alt !== undefined
} */
function oneTimeRender(badgeText) {
    if (typeof badgeText === 'string') {
        return React.createElement(React.Fragment, null, badgeText);
    }
    else if (badgeText instanceof Element) {
        return React.createElement(HTMLDom, { className: "badge-as-image", content: badgeText });
    }
    else {
        // otherwise, badge is an IBadgeSpec
        const className = (badgeText.css || '') + (badgeText.onclick ? ' clickable' : '');
        if (badgeText.image) {
            /* // badge is an HTMLImageElement
            if (isHTMLImage(badgeText.image)) {
              badgeText.image.alt = badgeText.title
            }
      
            return (
                <div data-tag="badge" className={className} ref={badgeText.image}>
                </div>
            )
            badge.appendChild()
            badge.classList.add('badge-as-image') */
            return React.createElement("div", null);
        }
        else if (badgeText.fontawesome) {
            // badge is a named fontawesome icon
            return React.createElement("div", null);
            /* const awesome = document.createElement('i')
            awesome.className = badgeText.fontawesome
            badge.classList.add('badge-as-fontawesome')
            badge.appendChild(awesome) */
        }
        else {
            const type = className === 'green-background'
                ? 'ok'
                : className === 'red-background'
                    ? 'error'
                    : className === 'blue-background'
                        ? 'done'
                        : 'warning';
            return (React.createElement("div", { className: className || 'gray-background', onClick: badgeText.onclick },
                React.createElement(Tag, { type: type }, badgeText.title)));
        }
    }
}
export default class Badge extends React.PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            cache: oneTimeRender(typeof props.spec === 'function' ? props.spec(props.response, props.tab) : props.spec)
        };
    }
    render() {
        return this.state.cache;
    }
}
//# sourceMappingURL=Badge.js.map