import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Tag } from 'antd';
import styled from 'styled-components';
const StyledTag = styled(Tag) `
  background-color: var(--primary-9);
  color: var(--primary-color);
  padding: 6px 10px;
  font-size: var(--font-size-base);
  border: none;

  .ant-tag-close-icon {
    color: var(--primary-color);
    padding-left: 6px;
  }

  b {
    font-weight: 600;
  }
`;
export function MemberTag({ name, cubeName, ...props }) {
    return (_jsxs(StyledTag, { "data-testid": `member-tag-${cubeName}.${name}`, closable: true, visible: true, ...props, children: [cubeName, " ", _jsx("b", { children: name })] }));
}
//# sourceMappingURL=MemberTag.js.map