"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 SpotlightRight({ className, children }) {
  return /* @__PURE__ */ jsxs(
    "section",
    {
      className: cn(
        "relative flex min-h-screen w-full items-center justify-center overflow-hidden",
        className
      ),
      children: [
        /* @__PURE__ */ jsx(
          "div",
          {
            className: "pointer-events-none absolute -right-1/4 top-1/2 z-0 aspect-square w-3/4 -translate-y-1/2 rounded-full opacity-40 blur-3xl",
            style: {
              background: "radial-gradient(circle, hsl(var(--primary)) 0%, transparent 70%)"
            }
          }
        ),
        /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
      ]
    }
  );
}

export { SpotlightRight };
//# sourceMappingURL=spotlight-right.js.map
//# sourceMappingURL=spotlight-right.js.map