"use client";
import { jsx as h } from "react/jsx-runtime";
import { useMemo as u } from "react";
import { c as f } from "./cn-ct4n7r74mh8y0f48.js";
const p = (t, e) => Math.floor(Math.random() * (e - t + 1) + t), d = (t, e) => (Math.random() * (e - t) + t).toFixed(2), y = ({
  minWidth: t = 30,
  maxWidth: e = 100,
  minDuration: o = 1.3,
  maxDuration: s = 1.7,
  minDelay: r = 0,
  maxDelay: n = 0.5,
  className: l
}) => {
  const { width: a, duration: c, delay: i } = u(() => ({
    width: p(t, e),
    duration: d(o, s),
    delay: d(r, n)
  }), [t, e, o, s, r, n]), m = {
    "--skeleton-width": `${a}%`,
    "--shimmer-duration": `${c}s`,
    "--shimmer-delay": `${i}s`
  };
  return /* @__PURE__ */ h("div", { className: f("skeleton-line", l), style: m });
};
export {
  y as S
};
//# sourceMappingURL=skeleton-line-1j5exu6vv07mmhfb.js.map
