"use client";
import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
import { useMemo } from "react";
import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
import { formatTime } from "@zag-js/i18n-utils";
//#region src/components/format/format-time.tsx
var FormatTime = (props) => {
	const { locale } = useLocaleContext();
	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
		const { value, ...intlOptions } = props;
		return formatTime(value, locale, intlOptions);
	}, [props, locale]) });
};
FormatTime.displayName = "FormatTime";
//#endregion
export { FormatTime };
