"use client";
import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { Input as n } from "../shared/input.js";
import { Label as p } from "../shared/label.js";
import { useSettings as i } from "../../hooks/use-settings.js";
import { SettingsType as u } from "../../types/index.js";
import { classNames as f } from "../../../../../utils.js";
const N = ({ className: t, fieldName: r }) => {
  const [o, a] = i(r, u.BLOCK);
  function m(s) {
    a(Number(s.target.value));
  }
  return /* @__PURE__ */ l("div", { className: f("mt-5 flex items-center justify-between", t), children: [
    /* @__PURE__ */ e(p, { className: "flex", children: "Autoplay Speed" }),
    /* @__PURE__ */ e(n, { defaultValue: o, onChange: m, type: "number", className: "w-[70px]" })
  ] });
};
export {
  N as AutoplaySpeedControl
};
//# sourceMappingURL=autoplay-speed.control.js.map
