// @bun
// src/components/shared/FeatureGateNotice.tsx
import { Lock } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
function FeatureGateNotice({
  title,
  description,
  actionLabel,
  onAction
}) {
  return /* @__PURE__ */ jsxs("div", {
    className: "text-center",
    children: [
      /* @__PURE__ */ jsx("div", {
        className: "bg-muted/40 mx-auto flex h-12 w-12 items-center justify-center rounded-full",
        children: /* @__PURE__ */ jsx(Lock, {
          className: "text-muted-foreground h-5 w-5"
        })
      }),
      /* @__PURE__ */ jsx("h3", {
        className: "mt-4 text-lg font-semibold",
        children: title
      }),
      /* @__PURE__ */ jsx("p", {
        className: "text-muted-foreground mt-2 text-sm",
        children: description
      }),
      actionLabel ? /* @__PURE__ */ jsx("button", {
        type: "button",
        className: "btn-primary mt-4 inline-flex items-center justify-center",
        onClick: onAction,
        children: actionLabel
      }) : null
    ]
  });
}
export {
  FeatureGateNotice
};
