import {
  getTimeOptions
} from "./chunk-VAXB7NV2.js";
import {
  Select
} from "./chunk-ZZYFULUQ.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-N552FDTV.js";

// src/molecules/time-select.tsx
import { useMemo } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
function TimeSelect(_a) {
  var _b = _a, {
    value
  } = _b, rest = __objRest(_b, [
    "value"
  ]);
  const timeOptions = useMemo(() => {
    return getTimeOptions();
  }, []);
  return /* @__PURE__ */ jsxs(Select.Root, __spreadProps(__spreadValues({ value }, rest), { children: [
    /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ jsx(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" } }) }),
    /* @__PURE__ */ jsx(Select.Content, { children: timeOptions.map((time) => /* @__PURE__ */ jsx(Select.Item, { value: time, children: time }, time)) })
  ] }));
}

export {
  TimeSelect
};
//# sourceMappingURL=chunk-K55LGP5B.js.map