@payfit/unity-components/dist/esm/components/client-side-pagination/parts/PaginationNavButton.js

import { CircularIconButton as e } from "../../icon-button/CircularIconButton.js";
import { jsx as t } from "react/jsx-runtime";
import { useIntl as n } from "react-intl";
//#region src/components/client-side-pagination/parts/PaginationNavButton.tsx
function r({ variant: r, ...i }) {
	let a = n(), o = a.formatMessage({
		id: r === "previous" ? "unity:component:common:previous" : "unity:component:common:next",
		defaultMessage: r === "previous" ? "Previous" : "Next"
	}), s = a.formatMessage({
		id: "unity:component:pagination:nav-button:description",
		defaultMessage: r === "previous" ? "Go to previous page" : "Go to next page"
	}, { variant: o.toLowerCase() });
	return /* @__PURE__ */ t(e, {
		...i,
		asElement: "button",
		color: "content.neutral",
		title: o,
		"aria-label": s,
		icon: r === "previous" ? "CaretLeftOutlined" : "CaretRightOutlined"
	});
}
r.displayName = "PaginationNavButton";
//#endregion
export { r as PaginationNavButton };