import { jsxs, jsx } from "react/jsx-runtime";
import { Button } from "../Button/index.js";
function DateRangePickerFooter({
  selectedDaysNumber,
  handleResetDates,
  handleCancelDates,
  onSecondaryButtonClick,
  tertiaryButtonProps,
  handleApplyDates,
  primaryButtonProps,
  hasInputErrors
}) {
  return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-footer-container", children: [
    /* @__PURE__ */ jsx("div", { className: "dateRangePicker-buttons-left-container", children: /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-footer-label-container", children: [
      "Selected: ",
      /* @__PURE__ */ jsxs("span", { className: "dateRangePicker-footer-value", children: [
        selectedDaysNumber,
        " days"
      ] })
    ] }) }),
    /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-buttons-right-container", children: [
      /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleResetDates, ...tertiaryButtonProps, children: "Clear" }),
      onSecondaryButtonClick != null && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: handleCancelDates, children: "Cancel" }),
      /* @__PURE__ */ jsx(
        Button,
        {
          disabled: hasInputErrors,
          size: "small",
          variant: "primary",
          onClick: handleApplyDates,
          ...primaryButtonProps,
          children: "Apply"
        }
      )
    ] })
  ] });
}
export {
  DateRangePickerFooter
};
