"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 GridDotsBasic({ className, children }) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "section",
    {
      className: cn(
        "relative flex min-h-screen w-full items-center justify-center",
        className
      ),
      children: [
        /* @__PURE__ */ jsxRuntime.jsxs(
          "svg",
          {
            className: "absolute inset-0 z-0 h-full w-full",
            xmlns: "http://www.w3.org/2000/svg",
            children: [
              /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
                "pattern",
                {
                  id: "grid-dots-basic",
                  x: "0",
                  y: "0",
                  width: "40",
                  height: "40",
                  patternUnits: "userSpaceOnUse",
                  children: [
                    /* @__PURE__ */ jsxRuntime.jsx(
                      "path",
                      {
                        d: "M0 20h40M20 0v40",
                        stroke: "hsl(var(--muted))",
                        strokeWidth: "0.5",
                        fill: "none"
                      }
                    ),
                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20", cy: "20", r: "2", fill: "hsl(var(--muted))" })
                  ]
                }
              ) }),
              /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#grid-dots-basic)" })
            ]
          }
        ),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children })
      ]
    }
  );
}

exports.GridDotsBasic = GridDotsBasic;
//# sourceMappingURL=grid-dots-basic.cjs.map
//# sourceMappingURL=grid-dots-basic.cjs.map