@shopify/shop-minis-react
Version:
React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)
42 lines (41 loc) • 1.23 kB
JavaScript
import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as d } from "react";
import { AlertDialog as h, AlertDialogTrigger as p, AlertDialogContent as m, AlertDialogHeader as C, AlertDialogTitle as f, AlertDialogDescription as u, AlertDialogFooter as x, AlertDialogCancel as O, AlertDialogAction as j } from "../ui/alert-dialog.js";
const H = ({
children: i,
title: t,
description: o,
cancelButtonText: n,
confirmationButtonText: a,
open: c,
onOpenChange: g,
onConfirmationAction: A
}) => {
const [s, D] = d(c);
return /* @__PURE__ */ r(
h,
{
open: s,
onOpenChange: (l) => {
D(l), g(l);
},
children: [
/* @__PURE__ */ e(p, { asChild: !0, children: i }),
/* @__PURE__ */ r(m, { children: [
/* @__PURE__ */ r(C, { children: [
/* @__PURE__ */ e(f, { children: t }),
/* @__PURE__ */ e(u, { children: o })
] }),
/* @__PURE__ */ r(x, { children: [
/* @__PURE__ */ e(O, { children: n }),
/* @__PURE__ */ e(j, { onClick: A, children: a })
] })
] })
]
}
);
};
export {
H as AlertDialogAtom
};
//# sourceMappingURL=alert-dialog.js.map