"use client";
const require_factory = require("../factory.cjs");
const require_use_signature_pad_context = require("./use-signature-pad-context.cjs");
let react = require("react");
let _zag_js_react = require("@zag-js/react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/signature-pad/signature-pad-segment.tsx
var SignaturePadSegment = (0, react.forwardRef)((props, ref) => {
	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getSegmentProps(), props);
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.ark.svg, {
		...mergedProps,
		ref,
		children: [
			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Signature" }),
			signaturePad.paths.map((path, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { ...signaturePad.getSegmentPathProps({ path }) }, i)),
			signaturePad.currentPath && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { ...signaturePad.getSegmentPathProps({ path: signaturePad.currentPath }) })
		]
	});
});
SignaturePadSegment.displayName = "SignaturePadSegment";
//#endregion
exports.SignaturePadSegment = SignaturePadSegment;
