"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 DashedGridFadeBottom({ className, children }) {
  return /* @__PURE__ */ jsxs(
    "section",
    {
      className: cn(
        "relative flex min-h-screen w-full items-center justify-center",
        className
      ),
      children: [
        /* @__PURE__ */ jsx(
          "div",
          {
            className: "absolute inset-0 z-0",
            style: {
              backgroundImage: `
            linear-gradient(to right, hsl(var(--muted)) 1px, transparent 1px),
            linear-gradient(to bottom, hsl(var(--muted)) 1px, transparent 1px)
          `,
              backgroundSize: "20px 20px",
              backgroundPosition: "0 0, 0 0",
              maskImage: `
            repeating-linear-gradient(
              to right,
              black 0px,
              black 3px,
              transparent 3px,
              transparent 8px
            ),
            repeating-linear-gradient(
              to bottom,
              black 0px,
              black 3px,
              transparent 3px,
              transparent 8px
            ),
            radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)
          `,
              WebkitMaskImage: `
            repeating-linear-gradient(
              to right,
              black 0px,
              black 3px,
              transparent 3px,
              transparent 8px
            ),
            repeating-linear-gradient(
              to bottom,
              black 0px,
              black 3px,
              transparent 3px,
              transparent 8px
            ),
            radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)
          `,
              maskComposite: "intersect",
              WebkitMaskComposite: "source-in"
            }
          }
        ),
        /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
      ]
    }
  );
}

export { DashedGridFadeBottom };
//# sourceMappingURL=dashed-grid-fade-bottom.js.map
//# sourceMappingURL=dashed-grid-fade-bottom.js.map