import { I18N_PAYMENT_STATUS_BUCKET_PAID, I18N_PAYMENT_STATUS_BUCKET_UNPAID } from "../reservationConstants.js";
import BucketButtonGroup from "./BucketButtonGroup.js";
import React, { useMemo } from "react";
import { locales } from "@pisell/utils";
//#region src/plus/pisellReservation/components/ReservationPaymentStatusButtonFilter.tsx
function ReservationPaymentStatusButtonFilter(props) {
	const buckets = useMemo(() => [{
		id: "unpaid",
		label: locales.getText(I18N_PAYMENT_STATUS_BUCKET_UNPAID),
		keys: [
			"unpaid",
			"partially_paid",
			"payment_processing"
		]
	}, {
		id: "paid",
		label: locales.getText(I18N_PAYMENT_STATUS_BUCKET_PAID),
		keys: [
			"paid",
			"partially_refunded",
			"refunded"
		]
	}], []);
	return /* @__PURE__ */ React.createElement(BucketButtonGroup, {
		value: props.value,
		onChange: props.onChange,
		buckets
	});
}
//#endregion
export { ReservationPaymentStatusButtonFilter as default };
