laif-ds/dist/components/ui/interrupt-prompt.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as e, jsxs as n } from "react/jsx-runtime";
import { AnimatePresence as o, motion as i } from "framer-motion";
import l from "../../node_modules/lucide-react/dist/esm/icons/x.js";
function m({ isOpen: t, close: r }) {
  return /* @__PURE__ */ e(o, { children: t && /* @__PURE__ */ n(
    i.div,
    {
      initial: { top: 0, filter: "blur(5px)" },
      animate: {
        top: -40,
        filter: "blur(0px)",
        transition: {
          type: "spring",
          filter: { type: "tween" }
        }
      },
      exit: { top: 0, filter: "blur(5px)" },
      className: "bg-d-background text-d-secondary-foreground border-d-border absolute left-1/2 flex -translate-x-1/2 overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
      children: [
        /* @__PURE__ */ e("span", { className: "ml-2.5", children: "Press Enter again to interrupt" }),
        /* @__PURE__ */ e(
          "button",
          {
            className: "mr-2.5 ml-1 flex items-center",
            type: "button",
            onClick: r,
            "aria-label": "Close",
            children: /* @__PURE__ */ e(l, { className: "h-3 w-3" })
          }
        )
      ]
    }
  ) });
}
export {
  m as InterruptPrompt
};