"use client";
import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { CheckIcon as u, CopyIcon as d } from "@phosphor-icons/react";
import { useState as x } from "react";
import { B as f } from "./button-j0hi0afn33w9lxgi.js";
import { c as a } from "./cn-ct4n7r74mh8y0f48.js";
const h = {
  size: {
    sm: {
      classes: "px-6 py-8 gap-4",
      description: "Compact empty state for smaller containers"
    },
    base: {
      classes: "px-10 py-16 gap-6",
      description: "Default empty state size"
    },
    lg: {
      classes: "px-12 py-20 gap-8",
      description: "Large empty state for prominent placement"
    }
  }
}, b = {
  size: "base"
};
function g({
  size: t = b.size
} = {}) {
  return a(
    "flex w-full flex-col items-center rounded-xl border border-kumo-fill bg-kumo-control text-kumo-default",
    h.size[t].classes
  );
}
function z({
  icon: t,
  title: n,
  description: o,
  commandLine: s,
  contents: i,
  size: c = "base",
  className: m
}) {
  const [p, r] = x(!1);
  return /* @__PURE__ */ l("div", { className: a(g({ size: c }), m), children: [
    t,
    /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", children: n }),
    o && /* @__PURE__ */ e("p", { className: "max-w-140 text-center text-kumo-strong", children: o }),
    s && /* @__PURE__ */ l(
      "div",
      {
        className: a(
          "group/cmd relative inline-flex h-10 max-w-8/10 transform-gpu items-center gap-2 rounded-lg font-mono shadow-sm",
          "bg-kumo-overlay pr-2 pl-3",
          "transition-all duration-300 hover:border-kumo-interact/80 hover:shadow-md",
          "border border-kumo-fill/60"
        ),
        children: [
          /* @__PURE__ */ e("span", { className: "text-xs text-kumo-inactive select-none", children: "$" }),
          /* @__PURE__ */ e("span", { className: "no-scrollbar overflow-scroll text-[14px] whitespace-nowrap text-kumo-brand", children: s }),
          /* @__PURE__ */ e(
            f,
            {
              className: "group",
              size: "sm",
              variant: "ghost",
              shape: "square",
              "aria-label": "Copy command",
              onClick: async () => {
                r(!0), setTimeout(() => {
                  r(!1);
                }, 1e3), await navigator.clipboard.writeText(s);
              },
              children: p ? /* @__PURE__ */ e(u, { size: 16, className: "animate-bounce-in text-kumo-success" }) : /* @__PURE__ */ e(
                d,
                {
                  size: 16,
                  className: "text-kumo-inactive group-hover:text-kumo-brand"
                }
              )
            }
          )
        ]
      }
    ),
    i
  ] });
}
export {
  z as E,
  h as K,
  b as a,
  g as e
};
//# sourceMappingURL=empty-hrwtammqp0b2nvtf.js.map
