import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { noop as m } from "../../utils/noop.js";
import { Card as l } from "../../components/Card.js";
import { Skeleton as t } from "../../components/Skeleton.js";
import { InputAmount as i } from "../../components/InputAmount.js";
const p = () => /* @__PURE__ */ s(l, { className: "gap-sw-lg flex flex-col", children: [
  /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
    /* @__PURE__ */ e(
      i,
      {
        value: "",
        name: "test",
        placeholder: "0",
        state: "disabled",
        setValue: m
      }
    ),
    /* @__PURE__ */ e("div", { className: "gap-sw-md pl-sw-sm pr-sw-md flex h-[36px] min-w-[80px] shrink-0 animate-pulse items-center rounded-sw-md bg-sw-gray-600" })
  ] }),
  /* @__PURE__ */ s("div", { className: "gap-sw-sm min-h-sw-2xl flex items-center justify-between", children: [
    /* @__PURE__ */ e(t, { width: 60 }),
    /* @__PURE__ */ e("div", { className: "gap-sw-sm flex items-center", children: /* @__PURE__ */ e(t, { width: 100 }) })
  ] })
] });
export {
  p as TokenInputSkeleton
};
//# sourceMappingURL=TokenInputSkeleton.js.map
