import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Space, Typography } from 'antd';
import styled from 'styled-components';
import { MemberTag } from './MemberTag';
export const MemberType = styled(Typography.Paragraph) `
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(20, 20, 70, 0.5);
`;
export function Members({ title, members, onRemove }) {
    return (_jsxs(_Fragment, { children: [_jsx(MemberType, { children: title }), _jsx(Space, { wrap: true, children: members.map((member) => {
                    if (!member) {
                        console.warn(`Rollup Designer received 'undefined' member as ${title}`);
                        return null;
                    }
                    return (_jsx(MemberTag, { name: member.shortTitle, cubeName: member.title.replace(member.shortTitle, '').trim(), onClose: () => onRemove(member.name) }));
                }) })] }));
}
//# sourceMappingURL=Members.js.map