\n\t\t\t\t\t\x3C/DockIcon>\n\t\t\t\t)}\n\t\t\t\x3C/For>\n\t\t\t\x3Cdiv class=\"h-full border-x mx-1\" />\n\t\t\t\x3CFor each={Array(4).fill(0)}>\n\t\t\t\t{() => (\n\t\t\t\t\t\x3CDockIcon>\n\t\t\t\t\t\t\x3Cdiv class=\"size-full bg-black/10 dark:bg-white/40 rounded-full\" />\n\t\t\t\t\t\x3C/DockIcon>\n\t\t\t\t)}\n\t\t\t\x3C/For>\n\t\t\x3C/Dock>\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\"> { Dock, DockIcon } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"@/ui/dock\"\x3C/span>\x3Cspan style=\"color:#FFF\">;\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">import\x3C/span>\x3Cspan style=\"color:#FFF\"> { For } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"solid-js\"\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\"> DockDemo\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\">Dock\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"my-2\"\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\">For\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> each={\x3C/span>\x3Cspan style=\"color:#FFC799\">Array\x3C/span>\x3Cspan style=\"color:#FFF\">(\x3C/span>\x3Cspan style=\"color:#FFC799\">2\x3C/span>\x3Cspan style=\"color:#FFF\">).\x3C/span>\x3Cspan style=\"color:#FFC799\">fill\x3C/span>\x3Cspan style=\"color:#FFF\">(\x3C/span>\x3Cspan style=\"color:#FFC799\">0\x3C/span>\x3Cspan style=\"color:#FFF\">)\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t{\x3C/span>\x3Cspan style=\"color:#FFF\">() \x3C/span>\x3Cspan style=\"color:#A0A0A0\">=>\x3C/span>\x3Cspan style=\"color:#FFF\"> (\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">DockIcon\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"size-full bg-black/10 dark:bg-white/40 rounded-full\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">DockIcon\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t)\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\">For\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\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"h-full border-x mx-1\"\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\">For\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> each={\x3C/span>\x3Cspan style=\"color:#FFC799\">Array\x3C/span>\x3Cspan style=\"color:#FFF\">(\x3C/span>\x3Cspan style=\"color:#FFC799\">4\x3C/span>\x3Cspan style=\"color:#FFF\">).\x3C/span>\x3Cspan style=\"color:#FFC799\">fill\x3C/span>\x3Cspan style=\"color:#FFF\">(\x3C/span>\x3Cspan style=\"color:#FFC799\">0\x3C/span>\x3Cspan style=\"color:#FFF\">)\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t{\x3C/span>\x3Cspan style=\"color:#FFF\">() \x3C/span>\x3Cspan style=\"color:#A0A0A0\">=>\x3C/span>\x3Cspan style=\"color:#FFF\"> (\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">DockIcon\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> class=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"size-full bg-black/10 dark:bg-white/40 rounded-full\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">DockIcon\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t)\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\">For\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\">Dock\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);