import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utils";
export function CardConnector({ className, direction, }) {
    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("mt-[-3px] mb-[-3px] flex items-center justify-center", className, (!direction || direction === "horizontal") && "md:hidden"), children: _jsx("svg", { width: "40", height: "31", viewBox: "0 0 40 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M40 3.04199C33.8405 3.55018 29 8.70936 29 15C29 21.2906 33.8405 26.4498 40 26.958L40 31L-1.35505e-06 31L-1.18021e-06 27C6.62741 27 12 21.6274 12 15C12 8.37258 6.62741 3 -1.31134e-07 3L0 -1.74846e-06L40 0L40 3.04199Z", fill: "white" }) }) }), _jsx("div", { className: cn("mt-6 mr-[-3px] ml-[-3px] hidden", className, (!direction || direction === "horizontal") && "md:block"), children: _jsx("svg", { className: className, width: "31", height: "40", viewBox: "0 0 31 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.04199 0C3.55018 6.15949 8.70936 11 15 11C21.2906 11 26.4498 6.1595 26.958 0H31V40H27C27 33.3726 21.6274 28 15 28C8.37258 28 3 33.3726 3 40H0V0H3.04199Z", fill: "white" }) }) })] }));
}
//# sourceMappingURL=CardConnector.js.map