import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { Tag } from './Fields/index.js';
import { styled } from '../../styled-components.js';
function ConstraintsViewComponent({ constraints }) {
    if (constraints.length === 0) {
        return null;
    }
    return (_jsx(Wrapper, { children: constraints.map((constraint) => (_jsxs(Tag, { children: [" ", constraint, " "] }, constraint))) }));
}
export const ConstraintsView = memo(ConstraintsViewComponent);
const Wrapper = styled.div `
  margin-top: var(--spacing-xxs);
`;
//# sourceMappingURL=ConstraintsView.js.map