import { Cross } from '@scaleflex/icons';
import Styled from './Tag.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Tag = function Tag(_ref) {
  var label = _ref.label,
    icon = _ref.icon,
    onRemove = _ref.onRemove;
  return /*#__PURE__*/_jsxs(Styled.Tag, {
    children: [/*#__PURE__*/_jsx(Styled.TagIcon, {
      children: icon
    }), /*#__PURE__*/_jsx(Styled.TagLabel, {
      children: label
    }), /*#__PURE__*/_jsx(Styled.TagAction, {
      children: /*#__PURE__*/_jsx(Cross, {
        size: 8,
        onClick: onRemove
      })
    })]
  });
};
export default Tag;