import { jsxs, jsx } from "react/jsx-runtime";
import { rangeSelectorTypes } from "./utils.js";
import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
function DateRangePickerCustom({
  handleRangeSelectorChange,
  selectedRange
}) {
  const options = rangeSelectorTypes.map(({ id, label }) => ({ label, value: id }));
  return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-show-range-main-container", children: [
    /* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-heading", children: "Date Range" }),
    /* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-list", children: /* @__PURE__ */ jsx(
      RadioButtonGroup,
      {
        className: "dateRangePicker-shortcut-list-item",
        options,
        value: selectedRange,
        onChange: handleRangeSelectorChange
      }
    ) })
  ] });
}
export {
  DateRangePickerCustom
};
