"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
function DiagonalCrossFadeTopLeft({ className, children }) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "section",
    {
      className: cn(
        "relative flex min-h-screen w-full items-center justify-center",
        className
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsx(
          "div",
          {
            className: "absolute inset-0 z-0",
            style: {
              backgroundImage: `
            repeating-linear-gradient(45deg, transparent, transparent 32px, hsl(var(--muted)) 32px, hsl(var(--muted)) 33px),
            repeating-linear-gradient(135deg, transparent, transparent 32px, hsl(var(--muted)) 32px, hsl(var(--muted)) 33px)
          `,
              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__ */ jsxRuntime.jsx("div", { className: "relative z-10", children })
      ]
    }
  );
}

exports.DiagonalCrossFadeTopLeft = DiagonalCrossFadeTopLeft;
//# sourceMappingURL=diagonal-cross-fade-top-left.cjs.map
//# sourceMappingURL=diagonal-cross-fade-top-left.cjs.map