import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import styled from "styled-components";
const ConnectorRender = styled.div `
    position: absolute;

    ${(props) => props.direction === "left"
    ? `
                left: 0;
                top: 20px;
            `
    : props.direction === "right"
        ? `
                right: 0;
                top: 20px;

            `
        : props.direction === "top"
            ? `
                top: 0;
                left: 20px;
            `
            : `
                bottom: 0;
                left: 20px;
            `}
`;
export const Connector = ({ nodeid }) => {
    return (_jsx(_Fragment, { children: ["left", "right", "bottom", "top"].map((direction) => {
            return (_jsx(ConnectorRender, { direction: direction, id: `${nodeid}-${direction}` }, direction));
        }) }, void 0));
};
//# sourceMappingURL=Connector.js.map