\n\t\t\x3C/div>\n\t);\n}\n",html:"\x3Cpre class=\"shiki vesper\" style=\"background-color:#101010;color:#FFF\" tabindex=\"0\">\x3Ccode>\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">import\x3C/span>\x3Cspan style=\"color:#FFF\"> { RetroGrid } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"@/ui/retro-grid\"\x3C/span>\x3Cspan style=\"color:#FFF\">;\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">export\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> default\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> function\x3C/span>\x3Cspan style=\"color:#FFC799\"> DotPatternDemo\x3C/span>\x3Cspan style=\"color:#FFF\">() {\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\treturn\x3C/span>\x3Cspan style=\"color:#FFF\"> (\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"relative flex h-[500px] w-full items-center justify-center\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">span\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"z-10 bg-gradient-to-b from-[#ffd319] via-[#ff2975] to-[#8c1eff] bg-clip-text text-center text-5xl font-bold text-transparent\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\tRetro Grid\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">span\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">RetroGrid\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t);\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">}\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\x3C/code>\x3C/pre>"});$R[6]($R[3],!0);