/*!
 * Copyright 2017 by ChartIQ, Inc.
 * All rights reserved.
 */
/**
 * This component is the name of a component and a pin that will pin that component to all toolbars.
 *
 */
import React from "react";
import { getTruncatedStringWithEllipses } from "../appCatalog/components/helpers";
import "../../assets/css/tags.css";
const Tag = (props) => {
    const remove = () => {
        props.removeTag(props.name);
    };
    return (React.createElement("div", { className: "app-tag" },
        React.createElement("div", { className: "tag-content" },
            React.createElement("div", { className: "tag-name", title: props.name }, getTruncatedStringWithEllipses(props.name)),
            "\u00A0\u00A0",
            React.createElement("i", { className: "ff-close tag-delete", onClick: remove }))));
};
export default Tag;
//# sourceMappingURL=Tag.js.map