diff --git a/review/chore-lintstaged-prettier/404.html b/review/chore-lintstaged-prettier/404.html new file mode 100644 index 00000000000..df749788921 --- /dev/null +++ b/review/chore-lintstaged-prettier/404.html @@ -0,0 +1 @@ +DB UI Mono
\ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/action/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-display/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/data-input/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/feedback/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/layout/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover/overview.json b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/data/OCMHBgk8J1LLE5858ZreJ/components/utilities/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_buildManifest.js b/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_buildManifest.js new file mode 100644 index 00000000000..84d15a76be2 --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST=function(o,t,s,n,a,c,e,i,p){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:e,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:a,numHashes:e,bitArray:[]},"/":[t,n,o,s,"static/chunks/pages/index-b9ba68d5ea8174ee.js"],"/404":["static/chunks/pages/404-1dc374602206b6dd.js"],"/_error":["static/chunks/pages/_error-4ce22c25a5e1e628.js"],"/base64":[i,"static/chunks/pages/base64-7004ad8813917883.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-bee657ea647360f7.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-6c6ea829b7626a13.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-3550dedddf1e881c.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-73e56b7c28beeff1.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-1ef436594322092e.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-6fb900a3b8d45cd8.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-d2cb4ac201ea0479.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-75465cabfbfd679e.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-b7164eeed54c3545.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-6c9d0d1834534a83.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-68ef945a4c5059cf.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-afafc786a68f8aea.js"],"/components/action/button/docs/Migration":[p,"static/chunks/pages/components/action/button/docs/Migration-cee25a698f22f567.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-816bbba2bc11e8db.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-cf349d79632ed646.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-ef21c08bb8c4ecaf.js"],"/components/action/button/migration":[t,n,o,s,p,"static/chunks/pages/components/action/button/migration-843e051008147de1.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-cebb9d931e9fbabb.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-787546e6c4e4ec0a.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-b0569e2648f085ce.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-614f874534b78d3e.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-562f02f7e5d6141e.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-d10335232052693c.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-1ae993d38809dec2.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-8a9329d8b6c2dbd1.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-0ff89fe28e1c0efe.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-11e1aa6a2b0754c0.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-edf76c2d143eeb8a.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-735647b57389b849.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-6f645e62585d4b3a.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-4ef935df3a93cd28.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-a291d14caf6ca9e5.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-bd1bcdea07285ec8.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-77a0dd19ec1cdc68.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-f3429b356028f0f4.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-c171806714fa8cf8.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-b10d7a45fb7b06c7.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-7c833a118757a049.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-f25d117919fb8c13.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-b3db09da7aabfff1.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-98049940efbc6edf.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-6565441320abd022.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-59247653155b862c.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-869248f04fda8762.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-f1789d238dcc9cb1.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-803e072a198ee4f5.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-2cccd8288336325c.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-5560c094ac861d00.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-b1d53a4b3fad0899.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-233ab33a271c9eb0.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-2fab6692dc178123.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-3574d9e2c5d3cb50.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-587691511b8b07d4.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-cd71b13a80cbe4d0.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-1f670faacfd5bd34.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-ed26bbc8726d913a.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-5baa5a600258bf38.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-1ce9b8f75db55947.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-5cdc0083430516bb.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-f493fcaedc11a196.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-57fbc934e932c9c1.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-2652120fd16fa964.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-f7f8208efc2cccb8.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-4ba22338f5597fac.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-6a1c94ab17baa12f.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-0b76e947528d965d.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-77d4b3e9bd603be6.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-da67beb544bc0bc3.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-ff7abd50a812bf62.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-7045d1a6a659ab03.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-c70bb1f016880bef.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-355c839b9261fdea.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-87509e0e4a3e0145.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-03eaf69fd7526a8d.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-e6aac644ff10c7f8.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c13d5918502e3e46.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-2aeb7ca269f745c7.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-226cb1a0949e0c0d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-a2bb8c0425cc4c28.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-7fd4d3b161076c48.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-e9f59601ea57965b.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-0748350f0228f5c2.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-da38ac8a192809de.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-1a3da5514db972af.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-6cf7840a4c30b64d.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-bdfbd48b9ec2a4e5.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-a116d1cc173bb077.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-d8d3bae482df7b3f.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-3d6736b80b73a701.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-0442455511920774.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-f91d1de918e61c4e.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-7eeff292d4463c39.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-f8fa068c38f1eb4d.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-c895c2420810805d.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-bcb9e391b107d4a6.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-b506976a13dd9042.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-2c74687df03fa939.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-307f9fccd820c50c.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-b5ec5a2ede1a3d6d.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-902d1df6bf6595eb.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-a4c99fad20b8c06d.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-c9c457286c334974.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-29ba4292a686cae7.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-b1f03ad9167736bc.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-095c421e530ab03a.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-0c18664671c972f9.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-1787d1993886bac8.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-fdff493c2081406b.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-0a5b4a9c31ea3795.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-28258718efd048ca.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-fc7f39ec400da4cb.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-fd2183ba523f383a.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-d2f2b2f03172d233.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-ce32296fa37df126.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-4943f401ab70dddf.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-46c5ada759b90a12.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-474ed63663e97e73.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e7721f4c6c8d2a0e.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-ef561ba1d6504d40.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-36f7d11fe58e8af6.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-6d264062e03b831e.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-f3375262c645b476.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-5571af70e787c80a.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-6f5b3676d56bd1ed.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-d7eb56a6619d64b6.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-c6eb2ded4be13a51.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-a5d9f80b9130e88a.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-c345a376f7066fe8.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-3a5bc74f392e5ad5.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-660c5413bced2d8c.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-58259c6c65ac9c93.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-88aa0298cbd0bc04.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7be378f7f55a2a2a.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-facf43d8b5c309ba.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-d615367f1ec6ef4c.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-bb858e005342be33.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-d6c516bffa90d1e8.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-1707d09a8807fe05.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-3b47e45012617d20.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-4776a05c1e753452.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-a0a5eb1f0e248b3f.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-6f0d3b941b1a435b.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-7bddecedbab71f25.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-2dd2115e4c41930e.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-649e838660db02b7.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-930ad725c827fde5.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-98e8c808b2dc5091.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-52d4f95061cd41ff.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-ac5d2a943ab4027e.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-bdf402103d2ee651.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-b2e407c244ab83ac.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-5d5fe46230a32d17.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-818fb69cebabb371.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-6c2887788e8388ee.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-6eb55a3e94115ee8.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-62db8bfbb2bd3977.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-d89a29b3cdf38706.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-0741a60c87051dd7.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-c3504ff5fef22450.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-07e5e471387a7420.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-4e1f6a959ca6d50b.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-661efab9b6e47e91.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-9339b84f7217c091.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-848372ce59524ce0.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-abb20273b3d650a1.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-df310eebd2e83f7b.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-fbdd4b4cc6231de4.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-132c35b11c2eb87a.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-8069633ed9260255.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-76241b00dd78bff6.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-c90c684a3d0acb30.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-a2f950934248d83a.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-e5a4fb234f9ec5cb.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-c2a2eb52254d98d1.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-48fb1d933d8fa67d.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-299516c93d5b7e0f.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-1a4dddf1db7ec6d8.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-c3deea293876fc68.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d3ef686b5ecec463.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-3c2f2020c3a8272f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-72bd031f7b920fdd.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-76441062b48182d8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-df6d4d6224eeb7ba.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-8228ddd9fd046fdf.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-256a180d37cc9a3f.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-92fe84fb2168c9fc.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-1d3784921af7ac1a.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-c659d62f4198e415.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-91d0ac15ea5f6b61.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-d6db85fb3c77cd0c.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-6c6bfa0f746d5c74.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-0ceda8e1a9195b52.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-fb341f47d03dbed1.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-f04069d0fb96f75c.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-029df7e88e24073a.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-35700d0e47d2a2c5.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-4fcddc99c6a508b1.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-b885d98deed3c5da.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-eaa12deee078d849.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-d6ae8bee2f1c5d14.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-8789e89617280aa6.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-7ba940c1e3f59fda.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-f02639305a230d1c.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-06748996a775b96b.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-83b3956b480d3826.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-aa1359762ca14122.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-32cbf03f5ea8a64e.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-9f9bb094ebfaa107.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-c47ffd9834509d8f.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-fcfba316a7d5c69d.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-f59ec3cff121f1e8.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-d75d22e7e3264b2b.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-273043fbbd3b0a4b.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-4a4e28916d762c5b.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-cbd46ca35e8c2734.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-0f24c34d60a9cb61.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-39c9e35b18dc93b4.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-11bc21e7a36c9a63.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-7c0508494da7d81d.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-bcfe09c7b9c4650b.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-a4423ca96a426f52.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-3bd750632e20dd4f.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-7929966201479f72.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-ebf27470dcebb491.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-9acc2cc130fa867e.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-5b69eae4ac8b2e6a.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-799f15fce35f7b13.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-55d5d7d1b1cc6330.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-611d688f688c5654.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-6241321c8f38c80f.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-b7d33d3d0ffa7e67.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8a4a4c3194be605c.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-d33b82ff7a47a4f6.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-4e643db5f7de8e62.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-f55ccef6dfeddc26.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-8549dcfe95e200d2.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-b6f57b91d71c977f.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-c8bff2e1252f6644.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-e9cf2415558b1572.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-6274e995ce7a2a44.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-d6d06a79feb49ff5.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c000fa8da70ec824.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-ec1cc07dfddd431a.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-1bbaa33cf6619cbe.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-c557e051fe72eff3.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-a293b582fb14d5c1.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-cd0a6477ee76e7f3.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-ff9f183523013acc.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-204b8133f2c18c33.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-57f1213f9d9d512c.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-719eb6daa87997df.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-87c25dc260431a24.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-0d8547ebad390ea2.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-9d7458c3e7f0450b.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-5495f124f7d39e42.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-731be6ec0ec28aa8.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-38d3aaf12e1324a9.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-c40873df285fbb0a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-a2007328d8ead26b.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-30a5935212de343a.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-18b557c065f754ba.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-abbad43c7cde8f16.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-1f0ef0c1ce5ffc0d.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-fea8bc30983e5ef1.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-94215ba466c61144.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-fa8d0c363199b137.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-85a8645c182ada48.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-201e5317e7effe51.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-4f57cd29a4d14b3e.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-daf1ade1ccf21835.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-0c401bb9a064120b.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-80865137d7a05127.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-d7d2122aece21518.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-e8b10bc713471324.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-a34c5798bfc4140d.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-98fc974a6876f166.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-cb700bdf47cbf778.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-af94a59aafcf6b30.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-45bc47c13f4c720c.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-fb4e2a8119ff3a4d.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-ef866e934526563d.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-2e6be0c048a2d504.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-57283f7fb20c84cc.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-7e689ab9954b8f13.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-9d08df68a2bf541a.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-0ec25b24e9caf9e5.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-c4c4ca2dc7e396cd.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-e204f6a5628c3b80.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-e1386bdd6ca65dfb.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-814c5ea1dedc519b.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-f8d5085f5443fbfa.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-9ee93c686ce00276.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-4d5cc7fd51aa6f30.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-14626a003bef4d4b.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-9d9505abf1ba02dd.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-3b152aa84ed8aa28.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-a2d42a9e5e41c774.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-3c2f0e2041625a2d.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-a159c9bb4ac6d415.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-e3001202aa0d1def.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-b7065c15ea5d757f.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-34d551db7cfa9ce2.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-2557f372b8f2ba4b.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-cd5e7a3f3ed3c3be.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-e81aae661bffb94f.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-a59d3ec4076b9f49.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-10ad716bdce0e825.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-bddecebf4ed0f381.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-9235d536e2876206.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-7a689cbabab9199c.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-9529ac1131850935.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-768d4df59c0bb58c.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-191024a9cc4c9f63.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-919f1e58f52d5484.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-3f312a4e1c791452.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-a2c77e4171a982f2.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-35411c759a936196.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-bb41637c28b3a72b.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-8fc2845aca9743ee.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-c494f4fdba577d06.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-e2e8b6713aded754.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-ade88bab3653d67f.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-5710259116fc7a16.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-12b7c1a1b4b01b11.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-2975997c684f147a.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-27d8d92e8c087532.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-1516d92ac5385a81.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-88a7e00f6fb776fa.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-fcc34aac076599bf.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-78f47395a80e9e91.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-979b48c30c549fd1.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-44cb6aac3ef21034.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-224f6c29f9692037.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fdb60ea84f3a6851.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-c5cfbf0dfbf48445.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-a28f80ab565cf555.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-0da48ca3bb12c508.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-63e53ccbe03d56c2.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-4c7022e69020a3c7.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-633541f0e36e4836.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-f739b96105c8feeb.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-f9b3184f3c2efb2c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-b0e4e4d408dcab27.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-b0b37e325f2c5890.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-bdecbb9f758f6cdc.js"],"/foundations/colors/color-classes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-classes-e26e1f2cff027706.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-76616368a172e58c.js"],"/foundations/colors/color-usage-guide":[t,n,"static/chunks/5486-fea82cd636d300f8.js",o,s,"static/chunks/pages/foundations/colors/color-usage-guide-a20c8ed53038a604.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-a073cab18c0b35f9.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-89290b5a540efece.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-c78089a66328b8fd.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-8f947e9e943a4ef4.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-fcf435be9c8314ed.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-f4ec32210bb59237.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-cd0aaec294485580.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-4b0ad06d7c405889.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-8129e40a8bfab848.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-a56cedd820fb9ce1.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-18f0c7eb0ee0611b.js"],"/foundations/ide":[t,n,o,s,"static/chunks/pages/foundations/ide-77f851a7da7abb01.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-cd23e594047b295f.js"],"/foundations/test-table":[t,n,o,s,"static/chunks/pages/foundations/test-table-dc8d19a1a1b888f7.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-40381cca20a4566a.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-e8f62814bfec2ff2.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-f5547114badfe211.js"],"/iframe":[i,o,"static/chunks/pages/iframe-83a3751c69d376d2.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/properties","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/properties","/components/action/button/docs/Angular","/components/action/button/docs/HTML","/components/action/button/docs/Migration","/components/action/button/docs/React","/components/action/button/docs/Vue","/components/action/button/how-to-use","/components/action/button/migration","/components/action/button/properties","/components/action/link/docs/Angular","/components/action/link/docs/HTML","/components/action/link/docs/Migration","/components/action/link/docs/React","/components/action/link/docs/Vue","/components/action/link/how-to-use","/components/action/link/migration","/components/action/link/properties","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/properties","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/React","/components/button/docs/Vue","/components/button/properties","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/React","/components/card/docs/Vue","/components/card/properties","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/properties","/components/data-display/accordion/docs/Angular","/components/data-display/accordion/docs/HTML","/components/data-display/accordion/docs/Migration","/components/data-display/accordion/docs/React","/components/data-display/accordion/docs/Vue","/components/data-display/accordion/how-to-use","/components/data-display/accordion/migration","/components/data-display/accordion/properties","/components/data-display/accordion-item/docs/Angular","/components/data-display/accordion-item/docs/HTML","/components/data-display/accordion-item/docs/Migration","/components/data-display/accordion-item/docs/React","/components/data-display/accordion-item/docs/Vue","/components/data-display/accordion-item/how-to-use","/components/data-display/accordion-item/migration","/components/data-display/accordion-item/properties","/components/data-display/brand/docs/Angular","/components/data-display/brand/docs/HTML","/components/data-display/brand/docs/Migration","/components/data-display/brand/docs/React","/components/data-display/brand/docs/Vue","/components/data-display/brand/how-to-use","/components/data-display/brand/migration","/components/data-display/brand/properties","/components/data-display/infotext/docs/Angular","/components/data-display/infotext/docs/HTML","/components/data-display/infotext/docs/Migration","/components/data-display/infotext/docs/React","/components/data-display/infotext/docs/Vue","/components/data-display/infotext/how-to-use","/components/data-display/infotext/migration","/components/data-display/infotext/properties","/components/data-display/tab-item/docs/Angular","/components/data-display/tab-item/docs/HTML","/components/data-display/tab-item/docs/Migration","/components/data-display/tab-item/docs/React","/components/data-display/tab-item/docs/Vue","/components/data-display/tab-item/how-to-use","/components/data-display/tab-item/migration","/components/data-display/tab-item/properties","/components/data-display/tabs/docs/Angular","/components/data-display/tabs/docs/HTML","/components/data-display/tabs/docs/Migration","/components/data-display/tabs/docs/React","/components/data-display/tabs/docs/Vue","/components/data-display/tabs/how-to-use","/components/data-display/tabs/migration","/components/data-display/tabs/properties","/components/data-display/tag/docs/Angular","/components/data-display/tag/docs/HTML","/components/data-display/tag/docs/Migration","/components/data-display/tag/docs/React","/components/data-display/tag/docs/Vue","/components/data-display/tag/how-to-use","/components/data-display/tag/migration","/components/data-display/tag/properties","/components/data-display/tooltip/docs/Angular","/components/data-display/tooltip/docs/HTML","/components/data-display/tooltip/docs/Migration","/components/data-display/tooltip/docs/React","/components/data-display/tooltip/docs/Vue","/components/data-display/tooltip/how-to-use","/components/data-display/tooltip/migration","/components/data-display/tooltip/properties","/components/data-input/checkbox/docs/Angular","/components/data-input/checkbox/docs/HTML","/components/data-input/checkbox/docs/Migration","/components/data-input/checkbox/docs/React","/components/data-input/checkbox/docs/Vue","/components/data-input/checkbox/how-to-use","/components/data-input/checkbox/migration","/components/data-input/checkbox/properties","/components/data-input/input/docs/Angular","/components/data-input/input/docs/HTML","/components/data-input/input/docs/Migration","/components/data-input/input/docs/React","/components/data-input/input/docs/Vue","/components/data-input/input/how-to-use","/components/data-input/input/migration","/components/data-input/input/properties","/components/data-input/radio/docs/Angular","/components/data-input/radio/docs/HTML","/components/data-input/radio/docs/Migration","/components/data-input/radio/docs/React","/components/data-input/radio/docs/Vue","/components/data-input/radio/how-to-use","/components/data-input/radio/migration","/components/data-input/radio/properties","/components/data-input/select/docs/Angular","/components/data-input/select/docs/HTML","/components/data-input/select/docs/Migration","/components/data-input/select/docs/React","/components/data-input/select/docs/Vue","/components/data-input/select/how-to-use","/components/data-input/select/migration","/components/data-input/select/properties","/components/data-input/switch/docs/Angular","/components/data-input/switch/docs/HTML","/components/data-input/switch/docs/Migration","/components/data-input/switch/docs/React","/components/data-input/switch/docs/Vue","/components/data-input/switch/how-to-use","/components/data-input/switch/migration","/components/data-input/switch/properties","/components/data-input/textarea/docs/Angular","/components/data-input/textarea/docs/HTML","/components/data-input/textarea/docs/Migration","/components/data-input/textarea/docs/React","/components/data-input/textarea/docs/Vue","/components/data-input/textarea/how-to-use","/components/data-input/textarea/migration","/components/data-input/textarea/properties","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/properties","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/properties","/components/feedback/badge/docs/Angular","/components/feedback/badge/docs/HTML","/components/feedback/badge/docs/Migration","/components/feedback/badge/docs/React","/components/feedback/badge/docs/Vue","/components/feedback/badge/how-to-use","/components/feedback/badge/migration","/components/feedback/badge/properties","/components/feedback/notification/docs/Angular","/components/feedback/notification/docs/HTML","/components/feedback/notification/docs/Migration","/components/feedback/notification/docs/React","/components/feedback/notification/docs/Vue","/components/feedback/notification/how-to-use","/components/feedback/notification/migration","/components/feedback/notification/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/properties","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/properties","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/properties","/components/layout/card/docs/Angular","/components/layout/card/docs/HTML","/components/layout/card/docs/Migration","/components/layout/card/docs/React","/components/layout/card/docs/Vue","/components/layout/card/how-to-use","/components/layout/card/migration","/components/layout/card/properties","/components/layout/divider/docs/Angular","/components/layout/divider/docs/HTML","/components/layout/divider/docs/Migration","/components/layout/divider/docs/React","/components/layout/divider/docs/Vue","/components/layout/divider/how-to-use","/components/layout/divider/migration","/components/layout/divider/properties","/components/layout/drawer/docs/Angular","/components/layout/drawer/docs/HTML","/components/layout/drawer/docs/Migration","/components/layout/drawer/docs/React","/components/layout/drawer/docs/Vue","/components/layout/drawer/how-to-use","/components/layout/drawer/migration","/components/layout/drawer/properties","/components/layout/header/docs/Angular","/components/layout/header/docs/HTML","/components/layout/header/docs/Migration","/components/layout/header/docs/React","/components/layout/header/docs/Vue","/components/layout/header/how-to-use","/components/layout/header/migration","/components/layout/header/properties","/components/layout/section/docs/Angular","/components/layout/section/docs/HTML","/components/layout/section/docs/Migration","/components/layout/section/docs/React","/components/layout/section/docs/Vue","/components/layout/section/how-to-use","/components/layout/section/migration","/components/layout/section/properties","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/properties","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/navigation/docs/Accessibility","/components/navigation/navigation/docs/Angular","/components/navigation/navigation/docs/HTML","/components/navigation/navigation/docs/Migration","/components/navigation/navigation/docs/React","/components/navigation/navigation/docs/Vue","/components/navigation/navigation/how-to-use","/components/navigation/navigation/migration","/components/navigation/navigation/properties","/components/navigation/navigation-item/docs/Angular","/components/navigation/navigation-item/docs/HTML","/components/navigation/navigation-item/docs/Migration","/components/navigation/navigation-item/docs/React","/components/navigation/navigation-item/docs/Vue","/components/navigation/navigation-item/how-to-use","/components/navigation/navigation-item/migration","/components/navigation/navigation-item/properties","/components/navigation/properties","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/properties","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/properties","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/properties","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/properties","/components/readme","/components/router-usage","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/React","/components/section/docs/Vue","/components/section/properties","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/React","/components/select/docs/Vue","/components/select/properties","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/properties","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/properties","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/properties","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/properties","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/properties","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/properties","/components/utilities/popover/docs/Angular","/components/utilities/popover/docs/HTML","/components/utilities/popover/docs/Migration","/components/utilities/popover/docs/React","/components/utilities/popover/docs/Vue","/components/utilities/popover/how-to-use","/components/utilities/popover/migration","/components/utilities/popover/properties","/components/validation","/components/[[...slug]]","/foundations","/foundations/colors","/foundations/colors/color-classes","/foundations/colors/color-schemes","/foundations/colors/color-usage-guide","/foundations/colors/readme","/foundations/densities","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/ide","/foundations/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/8367-95853db0ef92e463.js","static/chunks/3578-69ad1af34f693eb7.js","static/chunks/2372-1ad6194c93c869a1.js","static/chunks/8250-a5005020b9961089.js",0,0,NaN,"static/chunks/1048-3eaf0a942fe12a1a.js","static/chunks/7019-0b8010dbdd3dbfbe.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_ssgManifest.js b/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_ssgManifest.js new file mode 100644 index 00000000000..e52892ab4d6 --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/static/OCMHBgk8J1LLE5858ZreJ/_ssgManifest.js @@ -0,0 +1 @@ +self.__SSG_MANIFEST=new Set(["\u002Fcomponents\u002F[[...slug]]"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB() \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/static/chunks/1048-3eaf0a942fe12a1a.js b/review/chore-lintstaged-prettier/_next/static/chunks/1048-3eaf0a942fe12a1a.js new file mode 100644 index 00000000000..c0aa3823ac3 --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/static/chunks/1048-3eaf0a942fe12a1a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1048],{7991:(t,r)=>{"use strict";r.byteLength=function(t){var r=s(t),e=r[0],n=r[1];return(e+n)*3/4-n},r.toByteArray=function(t){var r,e,i=s(t),f=i[0],u=i[1],h=new o((f+u)*3/4-u),a=0,p=u>0?f-4:f;for(e=0;e>16&255,h[a++]=r>>8&255,h[a++]=255&r;return 2===u&&(r=n[t.charCodeAt(e)]<<2|n[t.charCodeAt(e+1)]>>4,h[a++]=255&r),1===u&&(r=n[t.charCodeAt(e)]<<10|n[t.charCodeAt(e+1)]<<4|n[t.charCodeAt(e+2)]>>2,h[a++]=r>>8&255,h[a++]=255&r),h},r.fromByteArray=function(t){for(var r,n=t.length,o=n%3,i=[],f=0,u=n-o;f>18&63]+e[o>>12&63]+e[o>>6&63]+e[63&o]);return i.join("")}(t,f,f+16383>u?u:f+16383));return 1===o?i.push(e[(r=t[n-1])>>2]+e[r<<4&63]+"=="):2===o&&i.push(e[(r=(t[n-2]<<8)+t[n-1])>>10]+e[r>>4&63]+e[r<<2&63]+"="),i.join("")};for(var e=[],n=[],o="undefined"!=typeof Uint8Array?Uint8Array:Array,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=0,u=i.length;f0)throw Error("Invalid string. Length must be a multiple of 4");var e=t.indexOf("=");-1===e&&(e=r);var n=e===r?0:4-e%4;return[e,n]}n["-".charCodeAt(0)]=62,n["_".charCodeAt(0)]=63},1048:(t,r,e)=>{"use strict";var n=e(7991),o=e(39318),i="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;function f(t){if(t>0x7fffffff)throw RangeError('The value "'+t+'" is invalid for option "size"');var r=new Uint8Array(t);return Object.setPrototypeOf(r,u.prototype),r}function u(t,r,e){if("number"==typeof t){if("string"==typeof r)throw TypeError('The "string" argument must be of type string. Received type number');return a(t)}return s(t,r,e)}function s(t,r,e){if("string"==typeof t)return function(t,r){if(("string"!=typeof r||""===r)&&(r="utf8"),!u.isEncoding(r))throw TypeError("Unknown encoding: "+r);var e=0|y(t,r),n=f(e),o=n.write(t,r);return o!==e&&(n=n.slice(0,o)),n}(t,r);if(ArrayBuffer.isView(t))return function(t){if(C(t,Uint8Array)){var r=new Uint8Array(t);return c(r.buffer,r.byteOffset,r.byteLength)}return p(t)}(t);if(null==t)throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t);if(C(t,ArrayBuffer)||t&&C(t.buffer,ArrayBuffer)||"undefined"!=typeof SharedArrayBuffer&&(C(t,SharedArrayBuffer)||t&&C(t.buffer,SharedArrayBuffer)))return c(t,r,e);if("number"==typeof t)throw TypeError('The "value" argument must not be of type number. Received type number');var n=t.valueOf&&t.valueOf();if(null!=n&&n!==t)return u.from(n,r,e);var o=function(t){if(u.isBuffer(t)){var r,e=0|l(t.length),n=f(e);return 0===n.length||t.copy(n,0,0,e),n}return void 0!==t.length?"number"!=typeof t.length||(r=t.length)!=r?f(0):p(t):"Buffer"===t.type&&Array.isArray(t.data)?p(t.data):void 0}(t);if(o)return o;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof t[Symbol.toPrimitive])return u.from(t[Symbol.toPrimitive]("string"),r,e);throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t)}function h(t){if("number"!=typeof t)throw TypeError('"size" argument must be of type number');if(t<0)throw RangeError('The value "'+t+'" is invalid for option "size"')}function a(t){return h(t),f(t<0?0:0|l(t))}function p(t){for(var r=t.length<0?0:0|l(t.length),e=f(r),n=0;n=0x7fffffff)throw RangeError("Attempt to allocate Buffer larger than maximum size: 0x7fffffff bytes");return 0|t}function y(t,r){if(u.isBuffer(t))return t.length;if(ArrayBuffer.isView(t)||C(t,ArrayBuffer))return t.byteLength;if("string"!=typeof t)throw TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof t);var e=t.length,n=arguments.length>2&&!0===arguments[2];if(!n&&0===e)return 0;for(var o=!1;;)switch(r){case"ascii":case"latin1":case"binary":return e;case"utf8":case"utf-8":return I(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*e;case"hex":return e>>>1;case"base64":return L(t).length;default:if(o)return n?-1:I(t).length;r=(""+r).toLowerCase(),o=!0}}function g(t,r,e){var o,i,f=!1;if((void 0===r||r<0)&&(r=0),r>this.length||((void 0===e||e>this.length)&&(e=this.length),e<=0||(e>>>=0)<=(r>>>=0)))return"";for(t||(t="utf8");;)switch(t){case"hex":return function(t,r,e){var n=t.length;(!r||r<0)&&(r=0),(!e||e<0||e>n)&&(e=n);for(var o="",i=r;i0x7fffffff?e=0x7fffffff:e<-0x80000000&&(e=-0x80000000),(i=e=+e)!=i&&(e=o?0:t.length-1),e<0&&(e=t.length+e),e>=t.length){if(o)return -1;e=t.length-1}else if(e<0){if(!o)return -1;e=0}if("string"==typeof r&&(r=u.from(r,n)),u.isBuffer(r))return 0===r.length?-1:b(t,r,e,n,o);if("number"==typeof r)return(r&=255,"function"==typeof Uint8Array.prototype.indexOf)?o?Uint8Array.prototype.indexOf.call(t,r,e):Uint8Array.prototype.lastIndexOf.call(t,r,e):b(t,[r],e,n,o);throw TypeError("val must be string, number or Buffer")}function b(t,r,e,n,o){var i,f=1,u=t.length,s=r.length;if(void 0!==n&&("ucs2"===(n=String(n).toLowerCase())||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||r.length<2)return -1;f=2,u/=2,s/=2,e/=2}function h(t,r){return 1===f?t[r]:t.readUInt16BE(r*f)}if(o){var a=-1;for(i=e;iu&&(e=u-s),i=e;i>=0;i--){for(var p=!0,c=0;c239?4:h>223?3:h>191?2:1;if(o+p<=e)switch(p){case 1:h<128&&(a=h);break;case 2:(192&(i=t[o+1]))==128&&(s=(31&h)<<6|63&i)>127&&(a=s);break;case 3:i=t[o+1],f=t[o+2],(192&i)==128&&(192&f)==128&&(s=(15&h)<<12|(63&i)<<6|63&f)>2047&&(s<55296||s>57343)&&(a=s);break;case 4:i=t[o+1],f=t[o+2],u=t[o+3],(192&i)==128&&(192&f)==128&&(192&u)==128&&(s=(15&h)<<18|(63&i)<<12|(63&f)<<6|63&u)>65535&&s<1114112&&(a=s)}null===a?(a=65533,p=1):a>65535&&(a-=65536,n.push(a>>>10&1023|55296),a=56320|1023&a),n.push(a),o+=p}return function(t){var r=t.length;if(r<=4096)return String.fromCharCode.apply(String,t);for(var e="",n=0;ne)throw RangeError("Trying to access beyond buffer length")}function E(t,r,e,n,o,i){if(!u.isBuffer(t))throw TypeError('"buffer" argument must be a Buffer instance');if(r>o||rt.length)throw RangeError("Index out of range")}function A(t,r,e,n,o,i){if(e+n>t.length||e<0)throw RangeError("Index out of range")}function B(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,4,34028234663852886e22,-34028234663852886e22),o.write(t,r,e,n,23,4),e+4}function U(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,8,17976931348623157e292,-17976931348623157e292),o.write(t,r,e,n,52,8),e+8}r.hp=u,r.IS=50,u.TYPED_ARRAY_SUPPORT=function(){try{var t=new Uint8Array(1),r={foo:function(){return 42}};return Object.setPrototypeOf(r,Uint8Array.prototype),Object.setPrototypeOf(t,r),42===t.foo()}catch(t){return!1}}(),u.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(u.prototype,"parent",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.buffer}}),Object.defineProperty(u.prototype,"offset",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.byteOffset}}),u.poolSize=8192,u.from=function(t,r,e){return s(t,r,e)},Object.setPrototypeOf(u.prototype,Uint8Array.prototype),Object.setPrototypeOf(u,Uint8Array),u.alloc=function(t,r,e){return(h(t),t<=0)?f(t):void 0!==r?"string"==typeof e?f(t).fill(r,e):f(t).fill(r):f(t)},u.allocUnsafe=function(t){return a(t)},u.allocUnsafeSlow=function(t){return a(t)},u.isBuffer=function(t){return null!=t&&!0===t._isBuffer&&t!==u.prototype},u.compare=function(t,r){if(C(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),C(r,Uint8Array)&&(r=u.from(r,r.offset,r.byteLength)),!u.isBuffer(t)||!u.isBuffer(r))throw TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(t===r)return 0;for(var e=t.length,n=r.length,o=0,i=Math.min(e,n);on.length?u.from(i).copy(n,o):Uint8Array.prototype.set.call(n,i,o);else if(u.isBuffer(i))i.copy(n,o);else throw TypeError('"list" argument must be an Array of Buffers');o+=i.length}return n},u.byteLength=y,u.prototype._isBuffer=!0,u.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw RangeError("Buffer size must be a multiple of 16-bits");for(var r=0;re&&(t+=" ... "),""},i&&(u.prototype[i]=u.prototype.inspect),u.prototype.compare=function(t,r,e,n,o){if(C(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),!u.isBuffer(t))throw TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+typeof t);if(void 0===r&&(r=0),void 0===e&&(e=t?t.length:0),void 0===n&&(n=0),void 0===o&&(o=this.length),r<0||e>t.length||n<0||o>this.length)throw RangeError("out of range index");if(n>=o&&r>=e)return 0;if(n>=o)return -1;if(r>=e)return 1;if(r>>>=0,e>>>=0,n>>>=0,o>>>=0,this===t)return 0;for(var i=o-n,f=e-r,s=Math.min(i,f),h=this.slice(n,o),a=t.slice(r,e),p=0;p>>=0,isFinite(e)?(e>>>=0,void 0===n&&(n="utf8")):(n=e,e=void 0);else throw Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");var o,i,f,u,s,h,a,p,c=this.length-r;if((void 0===e||e>c)&&(e=c),t.length>0&&(e<0||r<0)||r>this.length)throw RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var l=!1;;)switch(n){case"hex":return function(t,r,e,n){e=Number(e)||0;var o=t.length-e;n?(n=Number(n))>o&&(n=o):n=o;var i=r.length;n>i/2&&(n=i/2);for(var f=0;f>8,o.push(e%256),o.push(n);return o}(t,this.length-a),this,a,p);default:if(l)throw TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),l=!0}},u.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}},u.prototype.slice=function(t,r){var e=this.length;t=~~t,r=void 0===r?e:~~r,t<0?(t+=e)<0&&(t=0):t>e&&(t=e),r<0?(r+=e)<0&&(r=0):r>e&&(r=e),r>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t+--r],o=1;r>0&&(o*=256);)n+=this[t+--r]*o;return n},u.prototype.readUint8=u.prototype.readUInt8=function(t,r){return t>>>=0,r||m(t,1,this.length),this[t]},u.prototype.readUint16LE=u.prototype.readUInt16LE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]|this[t+1]<<8},u.prototype.readUint16BE=u.prototype.readUInt16BE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]<<8|this[t+1]},u.prototype.readUint32LE=u.prototype.readUInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+0x1000000*this[t+3]},u.prototype.readUint32BE=u.prototype.readUInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),0x1000000*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},u.prototype.readIntLE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i=(o*=128)&&(n-=Math.pow(2,8*r)),n},u.prototype.readIntBE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=r,o=1,i=this[t+--n];n>0&&(o*=256);)i+=this[t+--n]*o;return i>=(o*=128)&&(i-=Math.pow(2,8*r)),i},u.prototype.readInt8=function(t,r){return(t>>>=0,r||m(t,1,this.length),128&this[t])?-((255-this[t]+1)*1):this[t]},u.prototype.readInt16LE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t]|this[t+1]<<8;return 32768&e?0xffff0000|e:e},u.prototype.readInt16BE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t+1]|this[t]<<8;return 32768&e?0xffff0000|e:e},u.prototype.readInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},u.prototype.readInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},u.prototype.readFloatLE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!0,23,4)},u.prototype.readFloatBE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!1,23,4)},u.prototype.readDoubleLE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!0,52,8)},u.prototype.readDoubleBE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!1,52,8)},u.prototype.writeUintLE=u.prototype.writeUIntLE=function(t,r,e,n){if(t=+t,r>>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=1,f=0;for(this[r]=255&t;++f>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=e-1,f=1;for(this[r+i]=255&t;--i>=0&&(f*=256);)this[r+i]=t/f&255;return r+e},u.prototype.writeUint8=u.prototype.writeUInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,255,0),this[r]=255&t,r+1},u.prototype.writeUint16LE=u.prototype.writeUInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeUint16BE=u.prototype.writeUInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeUint32LE=u.prototype.writeUInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0xffffffff,0),this[r+3]=t>>>24,this[r+2]=t>>>16,this[r+1]=t>>>8,this[r]=255&t,r+4},u.prototype.writeUint32BE=u.prototype.writeUInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0xffffffff,0),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeIntLE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=0,f=1,u=0;for(this[r]=255&t;++i>0)-u&255;return r+e},u.prototype.writeIntBE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=e-1,f=1,u=0;for(this[r+i]=255&t;--i>=0&&(f*=256);)t<0&&0===u&&0!==this[r+i+1]&&(u=1),this[r+i]=(t/f>>0)-u&255;return r+e},u.prototype.writeInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,127,-128),t<0&&(t=255+t+1),this[r]=255&t,r+1},u.prototype.writeInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0x7fffffff,-0x80000000),this[r]=255&t,this[r+1]=t>>>8,this[r+2]=t>>>16,this[r+3]=t>>>24,r+4},u.prototype.writeInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,0x7fffffff,-0x80000000),t<0&&(t=0xffffffff+t+1),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeFloatLE=function(t,r,e){return B(this,t,r,!0,e)},u.prototype.writeFloatBE=function(t,r,e){return B(this,t,r,!1,e)},u.prototype.writeDoubleLE=function(t,r,e){return U(this,t,r,!0,e)},u.prototype.writeDoubleBE=function(t,r,e){return U(this,t,r,!1,e)},u.prototype.copy=function(t,r,e,n){if(!u.isBuffer(t))throw TypeError("argument should be a Buffer");if(e||(e=0),n||0===n||(n=this.length),r>=t.length&&(r=t.length),r||(r=0),n>0&&n=this.length)throw RangeError("Index out of range");if(n<0)throw RangeError("sourceEnd out of bounds");n>this.length&&(n=this.length),t.length-r>>=0,e=void 0===e?this.length:e>>>0,t||(t=0),"number"==typeof t)for(o=r;o55295&&e<57344){if(!o){if(e>56319||f+1===n){(r-=3)>-1&&i.push(239,191,189);continue}o=e;continue}if(e<56320){(r-=3)>-1&&i.push(239,191,189),o=e;continue}e=(o-55296<<10|e-56320)+65536}else o&&(r-=3)>-1&&i.push(239,191,189);if(o=null,e<128){if((r-=1)<0)break;i.push(e)}else if(e<2048){if((r-=2)<0)break;i.push(e>>6|192,63&e|128)}else if(e<65536){if((r-=3)<0)break;i.push(e>>12|224,e>>6&63|128,63&e|128)}else if(e<1114112){if((r-=4)<0)break;i.push(e>>18|240,e>>12&63|128,e>>6&63|128,63&e|128)}else throw Error("Invalid code point")}return i}function L(t){return n.toByteArray(function(t){if((t=(t=t.split("=")[0]).trim().replace(x,"")).length<2)return"";for(;t.length%4!=0;)t+="=";return t}(t))}function T(t,r,e,n){for(var o=0;o=r.length)&&!(o>=t.length);++o)r[o+e]=t[o];return o}function C(t,r){return t instanceof r||null!=t&&null!=t.constructor&&null!=t.constructor.name&&t.constructor.name===r.name}var O=function(){for(var t="0123456789abcdef",r=Array(256),e=0;e<16;++e)for(var n=16*e,o=0;o<16;++o)r[n+o]=t[e]+t[o];return r}()},39318:(t,r)=>{r.read=function(t,r,e,n,o){var i,f,u=8*o-n-1,s=(1<>1,a=-7,p=e?o-1:0,c=e?-1:1,l=t[r+p];for(p+=c,i=l&(1<<-a)-1,l>>=-a,a+=u;a>0;i=256*i+t[r+p],p+=c,a-=8);for(f=i&(1<<-a)-1,i>>=-a,a+=n;a>0;f=256*f+t[r+p],p+=c,a-=8);if(0===i)i=1-h;else{if(i===s)return f?NaN:1/0*(l?-1:1);f+=Math.pow(2,n),i-=h}return(l?-1:1)*f*Math.pow(2,i-n)},r.write=function(t,r,e,n,o,i){var f,u,s,h=8*i-o-1,a=(1<>1,c=23===o?5960464477539062e-23:0,l=n?0:i-1,y=n?1:-1,g=r<0||0===r&&1/r<0?1:0;for(isNaN(r=Math.abs(r))||r===1/0?(u=isNaN(r)?1:0,f=a):(f=Math.floor(Math.log(r)/Math.LN2),r*(s=Math.pow(2,-f))<1&&(f--,s*=2),f+p>=1?r+=c/s:r+=c*Math.pow(2,1-p),r*s>=2&&(f++,s/=2),f+p>=a?(u=0,f=a):f+p>=1?(u=(r*s-1)*Math.pow(2,o),f+=p):(u=r*Math.pow(2,p-1)*Math.pow(2,o),f=0));o>=8;t[e+l]=255&u,l+=y,u/=256,o-=8);for(f=f<0;t[e+l]=255&f,l+=y,f/=256,h-=8);t[e+l-y]|=128*g}}}]); \ No newline at end of file diff --git a/review/chore-lintstaged-prettier/_next/static/chunks/2372-1ad6194c93c869a1.js b/review/chore-lintstaged-prettier/_next/static/chunks/2372-1ad6194c93c869a1.js new file mode 100644 index 00000000000..9594c7dc2e6 --- /dev/null +++ b/review/chore-lintstaged-prettier/_next/static/chunks/2372-1ad6194c93c869a1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2372],{42372:(n,e,a)=>{a.d(e,{bw:()=>tD,ll:()=>tv,sr:()=>tf,g9:()=>tj,Oj:()=>tA,Pb:()=>tT});var t={};a.r(t),a.d(t,{Behaviour:()=>ep,Content:()=>eu,Density:()=>ec,Size:()=>eh,State:()=>eb,Variant:()=>ed});var i={};a.r(i),a.d(i,{Content:()=>eD,Density:()=>ex,InteractionStates:()=>em,Semantic:()=>eg,Size:()=>ev});var o={};a.r(o),a.d(o,{Behaviour:()=>eT,Density:()=>eB,Variant:()=>ej});var l={};a.r(l),a.d(l,{ContentStates:()=>ey,Density:()=>eA,InteractionStates:()=>ef});var s={};a.r(s),a.d(s,{Density:()=>ek,Variants:()=>ew});var r={};a.r(r),a.d(r,{Animations:()=>e_,Density:()=>eN,Emphasis:()=>eC,Placement:()=>eL,Variant:()=>eI,Width:()=>eH});var c={};a.r(c),a.d(c,{Density:()=>eP,Semantic:()=>eR,Size:()=>eS});var d={};a.r(d),a.d(d,{Behaviour:()=>eM,Content:()=>eW,Density:()=>eE,Emphasis:()=>eO,Example:()=>eU,Overflow:()=>ez,Semantic:()=>eF,State:()=>eV});var b={};a.r(b),a.d(b,{Density:()=>eq,Examples:()=>e$,Orientation:()=>eJ,Overflow:()=>eY,Width:()=>eG});var h={};a.r(h),a.d(h,{Behaviour:()=>eZ,Content:()=>eX,ContentAlignmentFullWidth:()=>e0,Density:()=>eK,States:()=>eQ});var u={};a.r(u),a.d(u,{Content:()=>e7,Density:()=>e1,InteractionStates:()=>e2,Requirement:()=>e4,Size:()=>e5,States:()=>e3});var p={};a.r(p),a.d(p,{Content:()=>aa,Density:()=>e6,ExampleTypes:()=>ai,ExampleTypesFloatingLabel:()=>ao,Requirement:()=>at,StatesFloatingLabel:()=>ae,StatesLabelAbove:()=>an,VariantHelperMessage:()=>e9,VariantLabel:()=>e8});var x={};a.r(x),a.d(x,{Content:()=>ab,Density:()=>al,InteractionStates:()=>as,Requirement:()=>ad,Size:()=>ac,States:()=>ar});var g={};a.r(g),a.d(g,{Content:()=>am,Density:()=>ah,Requirement:()=>av,StatesFloatingLabel:()=>ag,StatesLabelAbove:()=>ax,VariantHelperMessage:()=>ap,VariantLabel:()=>au});var m={};a.r(m),a.d(m,{Content:()=>af,Density:()=>aD,Emphasis:()=>aj,Examples:()=>ay,Size:()=>aA,States:()=>aB,VisualAid:()=>aT});var v={};a.r(v),a.d(v,{Density:()=>ak,Requirement:()=>aL,Rows:()=>aH,StatesFloatingLabel:()=>aC,StatesLabelAbove:()=>aI,VariantHelperMessage:()=>aN,VariantLabel:()=>aw});var D={};a.r(D),a.d(D,{Behaviour:()=>aS,ContentVariantDocked:()=>aE,ContentVariantOverlay:()=>aF,ContentVariantStandalone:()=>aO,Density:()=>a_,Semantic:()=>aR,Variant:()=>aP});var B={};a.r(B),a.d(B,{Content:()=>aU,Density:()=>aM,Emphasis:()=>aV,Examples:()=>aJ,Placement:()=>aq,Semantic:()=>aW,Size:()=>az});var j={};a.r(j),a.d(j,{Behaviour:()=>aK,Density:()=>aG,ElevationLevel:()=>aY,Example:()=>aQ,Spacing:()=>a$});var T={};a.r(T),a.d(T,{Density:()=>aX,Emphasis:()=>a0,Variant:()=>aZ});var A={};a.r(A),a.d(A,{Backdrop:()=>a4,Density:()=>a1,Directions:()=>a7,Example:()=>a6,Rounded:()=>a3,Size:()=>a2,Spacing:()=>a5});var f={};a.r(f),a.d(f,{Behaviour:()=>tn,Density:()=>a8,Examples:()=>te,Width:()=>a9});var y={};a.r(y),a.d(y,{Density:()=>ta,Spacing:()=>ti,Width:()=>tt});var k={};a.r(k),a.d(k,{Density:()=>to});var w={};a.r(w),a.d(w,{Content:()=>tr,Density:()=>tl,InteractionStates:()=>ts,Width:()=>tc});var N={};a.r(N),a.d(N,{Animations:()=>tp,Density:()=>td,Gap:()=>tu,Placement:()=>th,Spacing:()=>tb,Width:()=>tx});var I=a(31085),C=a(95374),L=a(14041),H=a(64286),_=a(40956),P=a(13210),R=a(51034),S=a(42305);let E=()=>{let n=(0,S.useRouter)(),e=(0,S.usePathname)(),[a,t]=[(0,S.useSearchParams)()];return[a,a=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(a);if(e.sort(),n.toString()===e.toString())return}t?t(a):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(a).toString())))}]},O=function(){var n,e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,i]=E(),[o,l]=(0,L.useState)(null!==(n=t.get(R.HI))&&void 0!==n?n:R.fY.REGULAR),[s,r]=(0,L.useState)(null!==(e=t.get(R.wr))&&void 0!==e?e:R.o$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[n,e]of Array.from(t.entries()))e&&(n===R.HI&&o!==e&&l(e),n===R.wr&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[t]),(0,L.useEffect)(()=>{if(u){let n={density:o,color:s};c&&(n.page=c),b&&(n.fullscreen=!0),a&&i(n)}},[s,o,c,b,u]),[o,l,s,r,c,b]};var F=a(39907);let M=n=>{let{name:e,examples:a,color:t,role:i,SlotCode:o}=n,l=(0,L.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[s,r]=(0,L.useState)();return(0,I.jsxs)(H.A,{className:"variants-card db-code-docs",elevationLevel:l(),children:[(0,I.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:a.map((n,e)=>(0,I.jsx)("div",{style:n.style,className:n.className,"data-density":n.density,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,I.jsxs)("details",{className:"code-details",onToggle:()=>{r(!s)},children:[(0,I.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,I.jsxs)("div",{"data-density":"functional",children:[(0,I.jsx)("div",{className:"backdrop"}),(0,I.jsx)(H.A,{className:"code",spacing:"small",children:(0,I.jsx)(o,{})})]})]})]})},V=n=>{var e;let{title:a,variants:t,subComponent:i,isSubComponent:o,componentName:l}=n,s=null==F||null===(e=F.env)||void 0===e,r=O(s)[4],c=O(s)[2],d=n=>{{let e=new URLSearchParams(window.location.href.split("?")[1]);return e.set("page",n.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(e.toString())}},b=(n,e)=>{var a;if(!window.location.origin||!window.location.href)return;let t=window.location.href.split("?"),i=t[0],o=new URLSearchParams(null!==(a=t[1])&&void 0!==a?a:"");o.set("page",e.toLowerCase());let s=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(t[0],"?").concat(o.toString());window.open(s,"_blank")};if(r){let n=t.find(n=>n.name.toLowerCase()===r);if(n)return(0,I.jsx)(M,{...n,color:c})}return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"default-container",children:[(0,I.jsx)(o?"h2":"h1",{children:a}),null==t?void 0:t.map((n,e)=>(0,I.jsxs)("div",{children:[(0,I.jsx)(_.A,{}),(0,I.jsx)(P.A,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,I.jsx)(M,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},W=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled"},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon & Text","props":{"icon":"person"}},{"name":"Icon","props":{"icon":"person","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width"},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]'),z=(n,e,a)=>n.map((n,t)=>{var i;return{...n,SlotCode:null==a?void 0:a[null!==(i=n.codeFileName)&&void 0!==i?i:n.name.replaceAll(" ","")],examples:n.examples.map((n,a)=>{var t,i,o,l;return{...n,example:e({...n.props,id:null!==(o=null===(t=n.props)||void 0===t?void 0:t.id)&&void 0!==o?o:n.name,children:null!==(l=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==l?l:n.name})}})}}),U=n=>{let{variant:e,state:a,size:t,noText:i,icon:o,width:l,disabled:s,children:r,type:c}=n;return(0,I.jsx)(C.A,{variant:e,state:a,size:t,noText:i,icon:o,disabled:s,width:l,onClick:()=>{alert(r.toString())},type:c,children:r})},q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"href":"#"}},{"name":"(Default) Regular","density":"regular","props":{"href":"#"}},{"name":"Expressive","density":"expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]'),J=n=>{let{href:e,variant:a,disabled:t,size:i,content:o,children:l}=n;return(0,I.jsx)(P.A,{href:e,variant:a,disabled:t,size:i,content:o,children:l})};var G=a(64140),Y=a(54116),$=a(50402);let K=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]'),Q=n=>{let{behaviour:e,children:a,variant:t}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(G.A,{size:"small",semantic:"informational",icon:"none",children:a}),(0,I.jsxs)(Y.A,{behaviour:e,variant:t,children:[(0,I.jsx)($.A,{headlinePlain:"Item 1",content:"Content 1"}),(0,I.jsx)($.A,{headlinePlain:"Item 2",content:"Content 2"}),(0,I.jsx)($.A,{headlinePlain:"Item 3",content:"Content 3"})]})]})},X=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","density":"regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","density":"expressive","props":{"headlinePlain":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headlinePlain":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headlinePlain":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headlinePlain":"(Default) Collapsed"}},{"name":"Open","props":{"headlinePlain":"Open","open":true}}]}]'),Z=n=>{let{children:e,disabled:a,open:t,headlinePlain:i}=n;return(0,I.jsx)($.A,{headlinePlain:i,disabled:a,defaultOpen:t,children:e})},nn=n=>(0,I.jsx)(V,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(X,Z,n.slotCode)});var ne=a(23944);let na=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]');var nt=a(39907);let ni=n=>{var e,a;let{children:t,hideLogo:i,customLogo:o}=n;return(0,I.jsxs)(ne.A,{hideLogo:i,children:[o&&(0,I.jsx)("img",{src:"".concat(null!==(a=null==nt?void 0:null===(e=nt.env)||void 0===e?void 0:"/mono/review/chore-lintstaged-prettier")&&void 0!==a?a:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),t]})};var no=a(20156);let nl=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"examples":[{"name":"Functional","density":"functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","density":"regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","density":"expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]'),ns=n=>{let{children:e,width:a,emphasis:t,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,I.jsxs)(C.A,{children:[e,(0,I.jsx)(no.A,{width:a,emphasis:t,placement:i,animation:s,delay:o,variant:r,children:l})]})},nr=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]}]'),nc=n=>{let{semantic:e,size:a,icon:t,children:i}=n;return(0,I.jsx)(G.A,{semantic:e,size:a,icon:t,children:i})};var nd=a(85776);let nb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","role":"group","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox01"},"children":[{"name":"input","native":true,"props":{"id":"checkbox01","type":"checkbox"}}]}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 1","props":{"for":"radio01"},"children":[{"name":"input","native":true,"props":{"name":"radio01","id":"radio01","type":"radio"}}]}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 2","props":{"for":"radio02"},"children":[{"name":"input","native":true,"props":{"name":"radio02","id":"radio02","type":"radio"}}]}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","role":"group","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox02"},"children":[{"name":"input","native":true,"props":{"for":"checkbox02","type":"checkbox"}}]}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox03"},"children":[{"name":"input","native":true,"props":{"checked":true,"id":"checkbox03","type":"checkbox"}}]}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox04"},"children":[{"name":"input","native":true,"props":{"checked":true,"disabled":true,"id":"checkbox04","type":"checkbox"}}]}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"person","noText":true}},{"name":"Icon & Text","props":{"icon":"person"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","role":"group","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"person","behaviour":"removable"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"person"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"person"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox05"},"children":[{"name":"input","native":true,"id":"checkbox05","type":"checkbox"}]}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio03"},"children":[{"name":"label","native":true,"content":"Interactive Radio 3","props":{"for":"radio03"},"children":[{"name":"input","native":true,"props":{"name":"radio03","id":"radio03","type":"radio"}}]}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio02"},"children":[{"name":"label","native":true,"content":"Interactive Radio 4","props":{"for":"radio04"},"children":[{"name":"input","native":true,"props":{"name":"radio04","id":"radio04","type":"radio"}}]}]}]}]'),nh=n=>{let{semantic:e,disabled:a,children:t,icon:i,overflow:o,noText:l,behaviour:s,emphasis:r,removeButton:c,checked:d,component:b,identifier:h}=n,[u,p]=(0,L.useState)(null!=d&&d);return(0,I.jsxs)(nd.A,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(t.toString())},children:["button"===b&&(0,I.jsx)("button",{children:t}),"link"===b&&(0,I.jsx)("a",{href:"#",children:t}),"checkbox"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"checkbox",checked:u,disabled:a,onChange:n=>{p(n.target.checked)}}),t]}),"radio"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"radio",checked:d,name:h}),t]}),!b&&!o&&(0,I.jsx)(I.Fragment,{children:t}),!b&&o&&(0,I.jsx)("span",{children:t})]})};var nu=a(79834),np=a(97518),nx=a(10300),ng=a(7852);let nm=JSON.parse('[{"name":"Density","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]'),nv=n=>{let{children:e,orientation:a,width:t,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,I.jsxs)("div",{className:"w-full",children:[(0,I.jsxs)(G.A,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,I.jsxs)(nu.A,{orientation:a,width:t,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Test 1"}),(0,I.jsx)(nx.A,{children:"Test 2"}),(0,I.jsx)(nx.A,{children:"Test 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nx.A,{children:"Test 4"}),(0,I.jsx)(nx.A,{children:"Test 5"})]})]}),(0,I.jsx)(ng.A,{children:"Tab Panel 1"}),(0,I.jsx)(ng.A,{children:"Tab Panel 2"}),(0,I.jsx)(ng.A,{children:"Tab Panel 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ng.A,{children:"Tab Panel 4"}),(0,I.jsx)(ng.A,{children:"Tab Panel 5"})]})]})]})},nD=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","className":"tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","density":"regular","className":"tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","density":"expressive","className":"tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"db"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"db"}},{"name":"Icon","props":{"icon":"db","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]'),nB=n=>{let{children:e,active:a,noText:t,icon:i,iconAfter:o,disabled:l}=n;return(0,I.jsx)(np.A,{children:(0,I.jsx)(nx.A,{active:a,noText:t,icon:i,iconAfter:o,disabled:l,children:e})})},nj=n=>(0,I.jsx)(V,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(nD,nB,n.slotCode)});var nT=a(39892);let nA=JSON.parse('[{"name":"Density","role":"group","examples":[{"name":"Functional","density":"functional","props":{"name":"Density"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density"}},{"name":"Expressive","density":"expressive","props":{"name":"Density"}}]},{"name":"Interaction States","role":"group","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"group","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true}}]},{"name":"Size","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"group","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true,"required":true}}]},{"name":"Content","role":"group","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Long label","style":{"width":"100px"},"props":{"checked":true,"name":"Long label"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]'),nf=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c}=n;return(0,I.jsx)(nT.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,indeterminate:r,children:l})};var ny=a(59916);let nk=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"db"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"db","iconAfter":"db"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}},{"name":"Datalist","props":{"label":"Label","dataList":true}},{"name":"File","props":{"label":"Label","type":"file"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}},{"name":"Datalist","props":{"label":"Label","variant":"floating","dataList":true}},{"name":"File","props":{"label":"Label","type":"file","variant":"floating"}}]}]'),nw=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nN=n=>{let{label:e,value:a,type:t,minLength:i,required:o,disabled:l,iconAfter:s,icon:r,children:c,message:d,variant:b,readOnly:h,dataList:u}=n;return(0,I.jsx)(ny.A,{label:e,message:d,placeholder:c,variant:b,defaultValue:a,type:t,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,dataList:u?nw(b):void 0})};var nI=a(85980);let nC=JSON.parse('[{"name":"Density","role":"radiogroup","examples":[{"name":"Functional","density":"functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","density":"expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","role":"radiogroup","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"radiogroup","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"radiogroup","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","role":"radiogroup","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]'),nL=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,value:r,variant:c}=n;return(0,I.jsx)(nI.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,value:r,children:l})};var nH=a(47982);let n_=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","density":"regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","density":"expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label","selected":true},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled","selected":true},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]}]'),nP=n=>{let{children:e,label:a,options:t,icon:i,message:o,disabled:l,value:s,required:r,variant:c}=n,[d,b]=(0,L.useState)(s);return(0,I.jsx)(nH.A,{label:a,placeholder:e,options:t,disabled:l,variant:c,icon:i,value:d,onChange:n=>{b(n.target.value)},message:o,required:r,children:e})};var nR=a(98142);let nS=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","props":{}},{"name":"regular (Default)","density":"regular","props":{}},{"name":"expressive","density":"expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled"},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label"},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]'),nE=n=>{let{children:e,checked:a,visualAid:t,disabled:i,variant:o,emphasis:l,size:s,icon:r,iconAfter:c}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nR.A,{visualAid:t,defaultChecked:a,disabled:i,variant:o,size:s,emphasis:l,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,I.jsx)(G.A,{semantic:"informational",icon:"none",children:e})]})};var nO=a(85194);let nF=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]'),nM=n=>{let{cols:e,disabled:a,message:t,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b}=n,[h,u]=(0,L.useState)(s);return(0,I.jsx)(nO.A,{cols:e,disabled:a,message:t,label:i,variant:b,readOnly:r,onChange:n=>{u(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var nV=a(91836);let nW=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","density":"regular","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","density":"expressive","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","behaviour":"closable","timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","behaviour":"closable"}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","behaviour":"closable"}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","behaviour":"closable"}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","behaviour":"closable"}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","behaviour":"closable"}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","behaviour":"closable"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Permanent","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Closeable","style":{"width":"300px"},"props":{"behaviour":"closable"}}]},{"name":"Content - Variant:Docked","codeFileName":"ContentVariantDocked","examples":[{"name":"Text","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Standalone","codeFileName":"ContentVariantStandalone","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"standalone","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Overlay","codeFileName":"ContentVariantOverlay","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"overlay","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Timed","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Timed & Cloaseable","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Icon & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","timestamp":"10 min ago","variant":"overlay"}}]}]');var nz=a(39907);let nU=()=>{var n,e;return(null==nz?void 0:null===(n=nz.env)||void 0===n?void 0:"/mono/review/chore-lintstaged-prettier")?"/mono/review/chore-lintstaged-prettier":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nq=n=>{let{semantic:e,icon:a,headline:t,variant:i,children:o,behaviour:l,link:s,timestamp:r,linkVariant:c,img:d}=n;return(0,I.jsx)(nV.A,{semantic:e,icon:a,headline:t,link:s?(0,I.jsx)(P.A,{href:"#",children:"Textlink"}):void 0,image:d?(0,I.jsx)("img",{src:"".concat(nU(),"/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder"}):void 0,variant:i,behaviour:l,linkVariant:c,timestamp:r,onClose:()=>{alert(o.toString())},children:o})};var nJ=a(22076),nG=a(80692);let nY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]'),n$=n=>{let{children:e,semantic:a,emphasis:t,noContent:i,size:o,placement:l,example:s}=n;return(0,I.jsxs)(I.Fragment,{children:[!l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:a,emphasis:t,size:o,children:i?"":e}),i&&(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(C.A,{icon:"person",variant:"outlined",noText:!0,children:[(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===l&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"badge-inline-container",children:[(0,I.jsx)(nG.A,{icon:"person"}),(0,I.jsx)("span",{children:e}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,I.jsx)(nG.A,{icon:"error"})]})}),"icon"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:"critical",emphasis:"strong",size:o,children:(0,I.jsx)(nG.A,{icon:"person",children:e})}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:"successful",children:"9"}),(0,I.jsx)(nJ.A,{semantic:"informational",children:"12"}),(0,I.jsx)(nJ.A,{semantic:"warning",children:"123"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},nK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Elevation Level","examples":[{"name":"(Default) Level 1 - Adaptive","props":{"elevationLevel":"1"}},{"name":"Level 2 - Adaptive","props":{"elevationLevel":"2"}},{"name":"Level 3 - Adaptive","props":{"elevationLevel":"3"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small"}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"None","props":{"spacing":"none"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive"},{"name":"Interactive","props":{"behaviour":"interactive"}}]},{"name":"Example","examples":[{"name":"Level 1 - Interactive","props":{"elevationLevel":"1","behaviour":"interactive"}},{"name":"Level 2 - Interactive","props":{"elevationLevel":"2","behaviour":"interactive"}},{"name":"Level 3 - Interactive","props":{"elevationLevel":"3","behaviour":"interactive"}}]}]'),nQ=n=>{let{behaviour:e,children:a,spacing:t,elevationLevel:i}=n;return(0,I.jsx)(H.A,{behaviour:e,spacing:t,elevationLevel:i,children:(0,I.jsx)("strong",{children:a})})},nX=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","density":"functional","props":{"width":"full"}},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","density":"regular","props":{"width":"full"}},{"name":"Expressive","style":{"width":"200px"},"content":"","density":"expressive","props":{"width":"full"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical","width":"full"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong","width":"full"}}]}]'),nZ=n=>{let{variant:e,emphasis:a,children:t,width:i}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(G.A,{size:"small",semantic:"informational",children:t}),(0,I.jsx)(_.A,{variant:e,emphasis:a,width:i})]})};var n0=a(87612);let n1=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","density":"regular","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","density":"expressive","props":{"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Rounded","props":{"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"None","props":{"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Backdrop-weak","props":{"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Example","examples":[{"name":"(Default) As modal","props":{"variant":"modal","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Inside","props":{"variant":"inside","open":"open","onClose":"toggleDrawer(false)"}}]}]'),n2=n=>{let{id:e,width:a,rounded:t,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c,variant:d}=n;return(0,I.jsxs)("div",{children:[(0,I.jsxs)(C.A,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,I.jsx)(n0.A,{rounded:t,width:a,spacing:i,backdrop:c,direction:s,variant:d,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n3=a(23116),n5=a(61338),n4=a(6900);let n7=JSON.parse('[{"name":"Density","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Functional","density":"functional","props":{},"style":{"width":"100%","display":"block"}},{"name":"(Default) Regular","density":"regular","props":{},"style":{"width":"100%","display":"block"}},{"name":"Expressive","density":"expressive","props":{},"style":{"width":"100%","display":"block"}}]},{"name":"Width","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Behaviour","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"}}]},{"name":"Examples","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"With Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":true}},{"name":"Without Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":false}},{"name":"Without Application Name","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":true}},{"name":"Without Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":false}}]}]'),n6=n=>{let{drawerOpen:e,forceMobile:a,burgerMenuLabel:t,children:i,className:o,describedbyid:l,id:s,key:r,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=n;return(0,I.jsx)(n3.A,{width:d,brand:(0,I.jsx)(ne.A,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(P.A,{href:"#",children:"Imprint"}),(0,I.jsx)(P.A,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,I.jsx)(C.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(C.A,{icon:"person",variant:"ghost",noText:!0,children:"Profile"}),(0,I.jsx)(C.A,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,I.jsx)(C.A,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:a,burgerMenuLabel:t,className:o,describedbyid:l,id:s,onToggle:c,children:(!b||h)&&(0,I.jsxs)(n5.A,{"aria-label":i,children:[(0,I.jsx)(n4.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:i})}),(0,I.jsx)(n4.A,{disabled:!0,children:(0,I.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n8=a(12764);let n9=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}},{"name":"None","props":{"spacing":"none"}}]}]'),en=n=>{let{width:e,spacing:a,children:t}=n;return(0,I.jsx)(n8.A,{className:"db-informational-bg-basic-level-2",spacing:a,width:e,children:t})},ee=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","children":[{"name":"navigation-item","slot":"sub-navigation","props":{"active":true},"children":[{"name":"a","native":true,"content":"Sub-Sub-Navi-Item 1","props":{"href":"#"}}]}]}]},{"name":"navigation-item","children":[{"name":"a","native":true,"content":"Navi-Item 2","props":{"href":"#"}}]}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]}]'),ea=n=>{let{children:e}=n,a="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,I.jsxs)("div",{children:[(0,I.jsx)(G.A,{id:a,size:"small",semantic:"informational",icon:"none",children:e}),(0,I.jsxs)(n5.A,{labelledBy:a,children:[(0,I.jsx)(n4.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n4.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n4.A,{children:(0,I.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,I.jsx)(n4.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,I.jsx)(n4.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,I.jsx)(n4.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,I.jsx)(n4.A,{disabled:!0,children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},et=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Functional"}]},{"name":"(Default) Regular","density":"regular","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Regular"}]},{"name":"Expressive","density":"expressive","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Expressive"}]}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Enabled (Default)/Hover/Pressed"}]},{"name":"Active","props":{"active":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Active"}]},{"name":"Disabled","props":{"disabled":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Disabled"}]}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Text"}]},{"name":"Text - Icon (Leading)","props":{"icon":"person"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Leading)"}]},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"person","areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icons (Leading, Chevron)"}]},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Chevron)"}]}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Auto"}]},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Full"}]}]}]'),ei=n=>{let{children:e,icon:a,disabled:t,active:i,width:o,areaPopup:l}=n;return(0,I.jsx)("ul",{children:(0,I.jsx)(n4.A,{icon:a,disabled:t,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,I.jsxs)("ul",{children:[(0,I.jsx)(n4.A,{children:(0,I.jsx)("a",{href:"#",children:"Test1"})}),(0,I.jsx)(n4.A,{children:(0,I.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,I.jsx)("a",{href:"#",children:e})})})},eo=n=>(0,I.jsx)(V,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(et,ei,n.slotCode)});var el=a(36428);let es=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"Functional","density":"functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","density":"regular","props":{"id":"popover-02"}},{"name":"Expressive","density":"expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"Large","props":{"spacing":"large","id":"popover-055"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]'),er=n=>{let{id:e,children:a,width:t,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,I.jsx)(el.A,{trigger:(0,I.jsx)(C.A,{children:a}),width:t,gap:i,spacing:o,placement:l,animation:c,delay:s,id:e,children:null!=r?r:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("ul",{className:"popover-list",children:[(0,I.jsx)("li",{children:"Popover Custom Item 1"}),(0,I.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,I.jsx)(C.A,{children:"Popover Custom Item 3"})]})})},ec=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},ed=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Enabled "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Enabled "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Enabled "),navigator.clipboard.writeText(" (Default) Enabled ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Enabled\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Enabled\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Enabled\n"),navigator.clipboard.writeText("\n(Default) Enabled\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Disabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eh=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Auto Width "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Auto Width "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Auto Width "),navigator.clipboard.writeText(" (Default) Auto Width ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Auto Width\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Auto Width\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Auto Width\n"),navigator.clipboard.writeText("\n(Default) Auto Width\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Width full'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Enabled (Default)/Hover/Pressed '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Enabled (Default)/Hover/Pressed '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Enabled (Default)/Hover/Pressed '),navigator.clipboard.writeText(' Enabled (Default)/Hover/Pressed ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
Functional
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Functional\n
Functional
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Functional\n
Functional
\n
'),navigator.clipboard.writeText('
\n Functional\n
Functional
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
Expressive
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
Expressive
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Expressive\n
Expressive
\n
'),navigator.clipboard.writeText('
\n Expressive\n
Expressive
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) With Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) With Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) With Logo
'),navigator.clipboard.writeText('
(Default) With Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
No Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
No Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
No Logo
'),navigator.clipboard.writeText('
No Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Custom Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Custom Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Custom Logo
'),navigator.clipboard.writeText('
Custom Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Strong
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Strong
'),navigator.clipboard.writeText('
Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Neutral
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Neutral
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Neutral
'),navigator.clipboard.writeText('
Neutral
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Critical
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Critical
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Critical
'),navigator.clipboard.writeText('
Critical
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Informational
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Informational
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Informational
'),navigator.clipboard.writeText('
Informational
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Successful
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Successful
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Successful
'),navigator.clipboard.writeText('
Successful
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Warning
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Warning
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Warning
'),navigator.clipboard.writeText('
Warning
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Adaptive Strong
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Adaptive Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Adaptive Strong
'),navigator.clipboard.writeText('
Adaptive Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Interactive Link
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Interactive Link
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Interactive Link
'),navigator.clipboard.writeText('
Interactive Link
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n Remove tag\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Removeable\n Remove tag\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Removeable\n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n Remove tag\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Icon
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon
'),navigator.clipboard.writeText('
Icon
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon & Text
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Icon & Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon & Text
'),navigator.clipboard.writeText('
Icon & Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
With Overflow (max-width)
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
With Overflow (max-width)
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
With Overflow (max-width)
'),navigator.clipboard.writeText('
With Overflow (max-width)
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n functionalFunctional\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n functionalFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functionalFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functionalFunctional\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular(Default)\n Regular\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n expressiveExpressive\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n expressiveExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressiveExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressiveExpressive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activeactive\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n activeactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activeactive\n
    • '),navigator.clipboard.writeText('
  • \n activeactive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activedisabled\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n activedisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activedisabled\n
    • '),navigator.clipboard.writeText('
  • \n activedisabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text(Default)\n Text\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n Width fullWidth\n full\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n Width fullWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width fullWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width fullWidth\n full\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Long label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Long label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Long label '),navigator.clipboard.writeText(' Long label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Long label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Long label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Long label\n'),navigator.clipboard.writeText('\n Long label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLong label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nLong label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLong label\n'),navigator.clipboard.writeText('\nLong label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},an=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},ae=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},aa=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Trailing Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Text - Trailing Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Trailing Icon '),navigator.clipboard.writeText(' Text - Trailing Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},at=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ai=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datalist '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Datalist '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datalist '),navigator.clipboard.writeText(' Datalist ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},ao=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},al=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'