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