/*!
 * Copyright 2017 by ChartIQ, Inc.
 * All rights reserved.
 */
import React from "react";
import { getTruncatedStringWithEllipses } from "../helpers";
//data
import storeActions from "../../stores/storeActions";
/**
 * AppShowcase support notes section.
 * @param {object} props Component props
 * @param {string} props.email The publisher's support email address
 * @param {array} props.tags An array containing the names of all tags that apply to this app
 */
const SupportNotes = (props) => (React.createElement("div", { className: "dev-notes support" },
    React.createElement("div", { className: "support-content" },
        React.createElement("span", { className: "showcase-label" }, "Support"),
        React.createElement("div", { className: "support" }, props.email)),
    React.createElement("div", { className: "tags-content" },
        React.createElement("span", { className: "showcase-label" }, "Tags"),
        React.createElement("div", { className: "tags" }, props.tags.map((tag, i) => {
            let tagName = tag;
            return (React.createElement("div", { key: `showcase-tag-label-${i}`, className: "tag-label", onClick: storeActions.addTag.bind(this, tag) },
                React.createElement("span", { className: "label-content", title: tagName }, getTruncatedStringWithEllipses(tagName))));
        })))));
export default SupportNotes;
//# sourceMappingURL=SupportNotes.js.map