"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 GridFadeTopLeft({ className, children }) {
  return /* @__PURE__ */ jsxs("section", { className: cn("relative min-h-screen w-full", className), children: [
    /* @__PURE__ */ jsx(
      "div",
      {
        className: "absolute inset-0 z-0 bg-[linear-gradient(to_right,_hsl(var(--muted))_1px,_transparent_1px),linear-gradient(to_bottom,_hsl(var(--muted))_1px,_transparent_1px)] bg-[length:32px_32px]",
        style: {
          WebkitMaskImage: "radial-gradient(ellipse 80% 80% at 0% 0%, #000 50%, transparent 90%)",
          maskImage: "radial-gradient(ellipse 80% 80% at 0% 0%, #000 50%, transparent 90%)"
        }
      }
    ),
    /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
  ] });
}

export { GridFadeTopLeft };
//# sourceMappingURL=grid-fade-top-left.js.map
//# sourceMappingURL=grid-fade-top-left.js.map