import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import CircularIcon from '../CircularIcon';
import GetSvgIcon from '../GetSvgIcon';
import { ClickableText } from '..';
import './style.scss';
const CompanyPill = ({ text, onCrossClick = () => false, onReplaceClick = () => false, picturePath = '', props = {}, }) => {
    return (_jsx("button", { className: "companyPill", type: "button", ...props, children: _jsxs("div", { children: [picturePath ?
                    _jsx(CircularIcon, { iconSize: "20", iconPath: picturePath })
                    :
                        _jsx(GetSvgIcon, { iconType: "excalamationCircle", iconSize: "20" }), _jsx("p", { children: text }), _jsx(ClickableText, { text: "Replace", onClick: onReplaceClick }), _jsx("span", { onClick: onCrossClick, children: _jsx(GetSvgIcon, { iconSize: "20", iconType: "cross" }) })] }) }));
};
export default CompanyPill;
