import { b9 as l, bg as r, V as i, d4 as a, fu as m } from "./684d2f28.js";
import { getStyle as c } from "./f2000b8a.js";
import { useUIView as s } from "./6aa2c0e1.js";
import d, { useContext as n } from "react";
import "react-dom";
import "./d6402597.js";
const f = l(m)`
  width: 100%;
  ${(e) => e.$style && c(e.$style)}
`, h = d.lazy(() => import("./2437a283.js").then((e) => ({
  default: e.TimeMobileUIView
}))), T = (e) => {
  const t = n(r), o = Array.isArray(e.placeholder) ? e.placeholder[0] : e.placeholder;
  return s(/* @__PURE__ */ i(h, {
    ...e
  }), /* @__PURE__ */ i(f, {
    ...e,
    ref: e.viewRef,
    hideDisabledOptions: !0,
    inputReadOnly: a(t == null ? void 0 : t.getAppSettings().maxWidth),
    placeholder: o
  }));
};
export {
  T as TimeUIView
};
