"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsxs, jsx } from 'react/jsx-runtime';

// lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
function CircuitBoardFadeBottom({ className, children }) {
  return /* @__PURE__ */ jsxs(
    "section",
    {
      className: cn(
        "relative flex min-h-screen w-full items-center justify-center",
        className
      ),
      children: [
        /* @__PURE__ */ jsxs(
          "svg",
          {
            className: "absolute inset-0 z-0 h-full w-full",
            xmlns: "http://www.w3.org/2000/svg",
            style: {
              WebkitMaskImage: "radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)",
              maskImage: "radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)"
            },
            children: [
              /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
                "pattern",
                {
                  id: "circuit-board-fade-bottom",
                  x: "0",
                  y: "0",
                  width: "100",
                  height: "100",
                  patternUnits: "userSpaceOnUse",
                  children: [
                    /* @__PURE__ */ jsx(
                      "path",
                      {
                        d: "M0 50h40M60 50h40M50 0v40M50 60v40",
                        stroke: "hsl(var(--muted))",
                        strokeWidth: "1",
                        fill: "none"
                      }
                    ),
                    /* @__PURE__ */ jsx("circle", { cx: "50", cy: "50", r: "3", fill: "hsl(var(--muted))" }),
                    /* @__PURE__ */ jsx("circle", { cx: "0", cy: "50", r: "2", fill: "hsl(var(--muted))" }),
                    /* @__PURE__ */ jsx("circle", { cx: "100", cy: "50", r: "2", fill: "hsl(var(--muted))" }),
                    /* @__PURE__ */ jsx("circle", { cx: "50", cy: "0", r: "2", fill: "hsl(var(--muted))" }),
                    /* @__PURE__ */ jsx("circle", { cx: "50", cy: "100", r: "2", fill: "hsl(var(--muted))" })
                  ]
                }
              ) }),
              /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#circuit-board-fade-bottom)" })
            ]
          }
        ),
        /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
      ]
    }
  );
}

export { CircuitBoardFadeBottom };
//# sourceMappingURL=circuit-board-fade-bottom.js.map
//# sourceMappingURL=circuit-board-fade-bottom.js.map