diff --git a/review/docs-input-example-copy-code/404.html b/review/docs-input-example-copy-code/404.html new file mode 100644 index 00000000000..93f728fdcad --- /dev/null +++ b/review/docs-input-example-copy-code/404.html @@ -0,0 +1 @@ +DB UI Mono
\ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/action/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-display/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/data-input/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/feedback/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/layout/stack/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/stack/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover/overview.json b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/docs-input-example-copy-code/_next/data/_hcErW2KeWX5pxpkpfZgz/components/utilities/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_buildManifest.js b/review/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_buildManifest.js new file mode 100644 index 00000000000..eb9f34e112d --- /dev/null +++ b/review/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST=function(o,t,s,n,c,a,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:c,numHashes:e,bitArray:[]},"/":[t,n,o,s,"static/chunks/pages/index-083286b7676a2b51.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-f35fcd2d2bbcd42d.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-3c547b622d95909b.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-9def9b9014f4fda9.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-8871ea7e87ee1711.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-1b49211b975a1c32.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-cca53002475ce01e.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-167eb38fa96d21cc.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-18d35c90883c7ece.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-01d2bd7b2c9de52e.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-93b32a0801a4054f.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-22d80fffbb8bcfad.js"],"/components/action/button/migration":[t,n,o,s,p,"static/chunks/pages/components/action/button/migration-b17a23b781ef7b73.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-9366ffcc02d73e33.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-c3a6984ed8b0015f.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-a6fbfec28428798c.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-d5b2cf7c02b5843e.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-498eb40594b64cfa.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-0a56a1087648704b.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-f32a7764ea46d1b5.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-c5e709afc54f3e3f.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-e3ec1045c7d8b7e7.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-cc55c1d012af4c85.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-98f6b25bec4deda6.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-31b0ee5d583b5761.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-c4a7ab3de83df667.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-53d42a0ee0dd659d.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-22d443e4f46de30d.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-d5d35f6269c48683.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-6ab9e6265865faed.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-4cf27560c0972231.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-8125667ec4f73e01.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-59b3b1f993867871.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-13bf8c7acc7048c3.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-f84d9231e2a33e64.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-1138033c266b3b4d.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-513dfa48d76eabc1.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-80a8e65319b09207.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-1b35d042cd1af0a4.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-1896819ad5aa5325.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-8f70b68a8ff43350.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-b2e479a15eda04b2.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-4740dc3a938b8ed6.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-83dc3b32aacbfbb8.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-b86aaa6cec571ef1.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-a17e6d197743dea6.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-c9ae7c4673f5e522.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-ef6917732a89ba65.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-d2f973e6478b2fa0.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-643c2d1cafe7e4da.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-c5fd03484a80f3a0.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-8a7e4fa9faeb1cba.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-af037df0df17cb29.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-1ff7df98de339bee.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-82909c40dda06384.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-c0a6afa2e377ea30.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-7cc0c915f472627f.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-721ad5fbb5f93dfb.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-701ef8579dfd2f0e.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-e0df02d4d8c2e4a2.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-500248607a7ecde2.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-e181e61b1cf24798.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-86b298e632f52329.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-3895903f18b9d8e8.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-d5bc29346c0eb453.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-25633bc6a99541f0.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-e395f50be14fc79a.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-312be2d432462de4.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-077f67da626bcc12.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-eabb2c6b46310ef8.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-e147e9d124246115.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-a696811786cafd8c.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-1b6597bf7bb3bc8c.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-072025fe2f1b3afa.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-119bed5a0b139e69.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-bc73d4dba77eb720.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-ac4ddfce9ece2be0.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-29894c5e4c6c8a08.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-bf3eea2ddb406fe0.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-f8061b4c918079ae.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-3ecfefca58191eaf.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-52b63a0abd091ffc.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-9d5dca98b0e6ac46.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-6a954351e7772dd5.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-c37217dd633206a3.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-c259de76b04ab896.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-393853a2a619855e.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-ca66c9cdd2213ef7.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-c3e8321bc07dd5ed.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-bb579b33d424a702.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-d3df83c520620ae9.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-a8e93223b0b8e0f9.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-dfc294a574f68fa9.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-817c1e9c06736427.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-3676b3cc3b727c07.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-66e8fa7bf2af0943.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-d5841fc45958870d.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-cb50331156c35b10.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-05c3192391b327ef.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-767cb22d2e46e751.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-d515f6b9a9cff2a1.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-3d331148d1c9eb89.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-a19b57445da0c5eb.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-aa0ec82c3955da0c.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-821ad09cc7adca81.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-6184b336de1d00b8.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-aa1c152109ffcc8a.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d5602f74097cfcfb.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-a0ecf7faffc77f9c.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-648ba2423a943e50.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-7a969859a21b9e9e.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-457da73d4f201227.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-ebfb2cda95455f72.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-a6bf788847ee0922.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-1b6ce28d8558780e.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-b4347aa99f884ec9.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-40f2d7f5631db7a9.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-f3a5352c12aa6331.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-dd944560630bfd36.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-d0bee513b28ad1dc.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-039f9300873321a3.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-97460a5c01a3c041.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-3da301579dbf29fc.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-dcd97f776c1cf3d1.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-b1527bb5132de066.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-0327e27e92a686b1.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-d5293b5898bb3f79.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-c22b709ad88bfea1.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-fd2dc0408f133123.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-8093532e6e92b270.js"],"/components/layout/stack/docs/Angular":["static/chunks/pages/components/layout/stack/docs/Angular-5000a4a2c0350b5a.js"],"/components/layout/stack/docs/HTML":["static/chunks/pages/components/layout/stack/docs/HTML-130912f5b6d1827b.js"],"/components/layout/stack/docs/Migration":["static/chunks/pages/components/layout/stack/docs/Migration-51be2bb90d9a94c8.js"],"/components/layout/stack/docs/React":["static/chunks/pages/components/layout/stack/docs/React-fd1e34406afffd07.js"],"/components/layout/stack/docs/Vue":["static/chunks/pages/components/layout/stack/docs/Vue-9c7c8027f8982069.js"],"/components/layout/stack/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/stack/how-to-use-d991e129d96c4357.js"],"/components/layout/stack/migration":[t,n,o,s,"static/chunks/pages/components/layout/stack/migration-9c92b5d30b6d5100.js"],"/components/layout/stack/properties":[t,n,o,s,"static/chunks/pages/components/layout/stack/properties-0ccb078a5965600d.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-a14437bbd0717242.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-b4cbd38a9f985110.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-976f34e72c6ac442.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-a7e9aab6c0b2d51f.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-957edc7c08d1bcb8.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-84f936c44091307a.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-317a3a0e578c5de7.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-26e61b373a7e038a.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-650bdd4bc81b999a.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-1f8784793b7eda89.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-75bb5cc7ff32d1eb.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-b1c08cd249639d0b.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-f5c0ec8d3c17bf84.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-055608b7fbe1885d.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-3e74657782fc5084.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-0e74a85808f752bf.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-a50e1f17c8dfffb3.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-f371f7d43ffd5cb2.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-60e49f6964f77ed9.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-61d52f98768ca703.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-7fbd6c85c579505d.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-51643fd73a7e9990.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-a58430a600578fc4.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-41b9636cb128938c.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-04fd09a4b58b0aeb.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-0b9be696ddc30b95.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-5a38a720669379b4.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-d04f69ed001cbed6.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-e8d54715dcf1c649.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-c36edceb7399bcff.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-db4612c1e6c52761.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-14318be8ae8681a4.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-ffe7a2f7a141bc26.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-05118c6284d1374c.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-b4d96591e99b3dc8.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-72230a5ded2f0f87.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-f347c2c60be3cbc8.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-e9f84aa612e9ed3f.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-90b7882cdcf945e4.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-92e9a21c8432a7ae.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-8c59b41f38b3932c.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-d56251560e5b0864.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-c0a06fff5492d30d.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-ce46b56f121c434e.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-15591f15b0677953.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-94a4bc4b9f4fd51f.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-011a26db58762e5f.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-fb3d37359d9dd304.js"],"/components/stack/docs/Angular":[t,o,s,"static/chunks/pages/components/stack/docs/Angular-778c938be9211051.js"],"/components/stack/docs/HTML":[t,o,s,"static/chunks/pages/components/stack/docs/HTML-ea3b8013ddcf594e.js"],"/components/stack/docs/React":[t,o,s,"static/chunks/pages/components/stack/docs/React-630f3890575714c6.js"],"/components/stack/docs/Vue":[t,o,s,"static/chunks/pages/components/stack/docs/Vue-2ffe830a66589740.js"],"/components/stack/properties":[t,o,s,"static/chunks/pages/components/stack/properties-17688fcf767a358f.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-8f0d193abb9abba2.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-845fe40a1b8a4f32.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-ca73ad5f9fb929e4.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-0f09ee51112dd80d.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-a96c7bfa10df1eea.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-9624526b7897bef3.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-00d4ad9da3636d1d.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-f6c1cb4269188ab1.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-57376a42ec29c218.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-c91ac7d76387a0df.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-d69945d8ebaeb7ac.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-c66ec7a50f95d0e6.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-88e8e4cdd405693e.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-a47ec2fdb68a1dba.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-5cfb7ef3f61d1d13.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-c1c9115c5d306b15.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-67d7f26f6ae4afa3.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-811ae99601aa81e3.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-4b4ea18bccb573d3.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-1c549eadd95e62fb.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-8ce7c7f204732a1e.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-2e2f89978e56708f.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-12dadd6bfdfe9206.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-7c3b200cd097c017.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-0f748f64f9351926.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-85e9c3d49a43d53d.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-e54e83fdc3757b15.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-d1b043f30f3e02d4.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-0da1f11374e784f2.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-1601c7b7582a076d.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-d7a7dc47a36b8e41.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-9377b3d1d01537c5.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-e6887eb143a90399.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-18c4d7910f5ccc35.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-38ae136e24b03f2e.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-6128d9e8939843e0.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-e94ddb9eeb782d1d.js"],"/foundations/colors/color-classes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-classes-233eca89b00101bf.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-c82fe027625964f0.js"],"/foundations/colors/color-usage-guide":[t,n,"static/chunks/5486-fea82cd636d300f8.js",o,s,"static/chunks/pages/foundations/colors/color-usage-guide-a92725ed58a29d55.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-620473c1b4fe2efc.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-b67d5a5f6f1f29f5.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-9d41450cd560deec.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-f5d92c4c0c4db1ee.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-7b3e6b46a9dcfafc.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-72b29db843f654e8.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-0e4f0f8d11dfb68f.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-114092288596c9c8.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-c3455f3a13e5ba4d.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-1d452493cdc9a72b.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-3fe56a152d853386.js"],"/foundations/ide":[t,n,o,s,"static/chunks/pages/foundations/ide-00e542c1582a7bc4.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-f2096d3f6cc2e8f4.js"],"/foundations/test-table":[t,n,o,s,"static/chunks/pages/foundations/test-table-639a3057195a9eea.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-4f7a7fbd22154448.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-a243ec2b7a649cc9.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-42800c5b1df8a4b1.js"],"/iframe":[i,o,"static/chunks/pages/iframe-1e9fc9d7ca486d31.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/layout/stack/docs/Angular","/components/layout/stack/docs/HTML","/components/layout/stack/docs/Migration","/components/layout/stack/docs/React","/components/layout/stack/docs/Vue","/components/layout/stack/how-to-use","/components/layout/stack/migration","/components/layout/stack/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/stack/docs/Angular","/components/stack/docs/HTML","/components/stack/docs/React","/components/stack/docs/Vue","/components/stack/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/1446-1d8e5022a31b26f3.js","static/chunks/3578-69ad1af34f693eb7.js","static/chunks/2825-de2b9b15731cc1fc.js","static/chunks/8250-ca605f159bc44e6a.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/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_ssgManifest.js b/review/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_ssgManifest.js new file mode 100644 index 00000000000..e52892ab4d6 --- /dev/null +++ b/review/docs-input-example-copy-code/_next/static/_hcErW2KeWX5pxpkpfZgz/_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/docs-input-example-copy-code/_next/static/chunks/1048-3eaf0a942fe12a1a.js b/review/docs-input-example-copy-code/_next/static/chunks/1048-3eaf0a942fe12a1a.js new file mode 100644 index 00000000000..c0aa3823ac3 --- /dev/null +++ b/review/docs-input-example-copy-code/_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/docs-input-example-copy-code/_next/static/chunks/1446-1d8e5022a31b26f3.js b/review/docs-input-example-copy-code/_next/static/chunks/1446-1d8e5022a31b26f3.js new file mode 100644 index 00000000000..79c0afdeed3 --- /dev/null +++ b/review/docs-input-example-copy-code/_next/static/chunks/1446-1d8e5022a31b26f3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1446],{50402:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye),[c,o]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{d(e.id||"accordion-item-"+(0,l.uR)()),e.defaultOpen&&o(e.defaultOpen)},[]),(0,i.jsx)("li",{id:s,className:(0,l.xF)("db-accordion-item",e.className),children:(0,i.jsxs)("details",{"aria-disabled":(0,l.EB)(e.disabled),ref:t,...(0,l.MD)(e,[]),open:c,children:[(0,i.jsxs)("summary",{onClick:a=>(function(a){null==a||a.preventDefault();let t=!c;e.onToggle&&e.onToggle(t),o(t)})(a),children:[e.headlinePlain?(0,i.jsx)(i.Fragment,{children:e.headlinePlain}):null,e.headlinePlain?null:(0,i.jsx)(i.Fragment,{children:e.headline})]}),(0,i.jsx)("div",{children:e.content?(0,i.jsx)(i.Fragment,{children:e.content}):(0,i.jsx)(i.Fragment,{children:e.children})})]})})})},54116:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(5188),r=t(50402),s=t(81947);let d=(0,n.forwardRef)(function(e,a){var t;let d=a||(0,n.useRef)(a),[c,o]=(0,n.useState)(()=>s.Ye),[u,v]=(0,n.useState)(()=>""),[h,b]=(0,n.useState)(()=>!1),[m,f]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{o(e.id||"accordion-"+(0,l.uR)()),b(!0),f(!0)},[]),(0,n.useEffect)(()=>{h&&("single"===e.behaviour?e.name?u!==e.name&&v(e.name):u!==c&&c&&v(c):v(""))},[h,e.name,e.behaviour,c]),(0,n.useEffect)(()=>{if(null==d?void 0:d.current){let e=d.current.getElementsByTagName("details");if(e)for(let a of Array.from(e))""===u?a.removeAttribute("name"):a.name=u}},[d.current,u]),(0,n.useEffect)(()=>{if(d.current&&m){var a;if((null==e?void 0:e.initOpenIndex)&&(null===(a=e.initOpenIndex)||void 0===a?void 0:a.length)>0){let a=d.current.getElementsByTagName("details");if(a){let t="single"===e.behaviour&&e.initOpenIndex.length>1?[e.initOpenIndex[0]]:e.initOpenIndex;Array.from(a).forEach((e,a)=>{t.includes(a)&&(e.open=!0)})}}f(!1)}},[d.current,m,e.initOpenIndex]),(0,i.jsxs)("ul",{ref:d,...(0,l.MD)(e,[]),id:c,className:(0,l.xF)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,i.jsx)(i.Fragment,{children:e.children}),e.items?(0,i.jsx)(i.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}return[]}(e.items))||void 0===t?void 0:t.map((e,a)=>(0,i.jsx)(r.A,{headlinePlain:e.headlinePlain,disabled:e.disabled,content:e.content},"accordion-item-".concat(a)))}):null]})})},22076:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){var t,s;let d=a||(0,n.useRef)(a),[c,o]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{o(!0)},[]),(0,n.useEffect)(()=>{if(d.current&&c){var a;if(null===(a=e.placement)||void 0===a?void 0:a.startsWith("corner")){let e=d.current.parentElement;e&&e.localName.includes("badge")&&(e=e.parentElement),e&&e.setAttribute("data-has-badge","true")}}},[d.current,c]),(0,i.jsx)("span",{ref:d,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-badge",e.className),"data-semantic":e.semantic,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,"data-label":(null===(t=e.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(s=e.label)&&void 0!==s?s:r.$6),children:e.children})})},23944:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){var t;let s=a||(0,n.useRef)(a);return(0,i.jsx)("div",{ref:s,...(0,l.MD)(e,[]),"data-icon":e.hideLogo?"none":null!==(t=e.icon)&&void 0!==t?t:r.iT,id:e.id,className:(0,l.xF)("db-brand",e.className),children:e.children})})},95374:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,i.jsx)("button",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-button",e.className),type:e.type||"button",disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":(0,l.EB)(e.noText),name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})})},64286:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,i.jsx)("div",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-card",e.className),"data-behaviour":e.behaviour,"data-elevation-level":e.elevationLevel,"data-spacing":e.spacing,role:"interactive"===e.behaviour?"button":void 0,tabIndex:"interactive"===e.behaviour?0:void 0,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})})},39892:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(5188),r=t(81947),s=t(64140);let d=(0,n.forwardRef)(function(e,a){var t,d,c,o;let u=a||(0,n.useRef)(a),[v,h]=(0,n.useState)(()=>!1),[b,m]=(0,n.useState)(()=>void 0),[f,g]=(0,n.useState)(()=>void 0),[p,N]=(0,n.useState)(()=>void 0),[x,E]=(0,n.useState)(()=>void 0),[A,R]=(0,n.useState)(()=>""),[_,L]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var a;h(!0);let t=null!==(a=e.id)&&void 0!==a?a:"checkbox-".concat((0,l.uR)());m(t),g(t+r.kc),N(t+r.Pm),E(t+r.e5)},[]),(0,n.useEffect)(()=>{if(b){let a=b+r.kc;g(a),N(b+r.Pm),E(b+r.e5),e.message&&R(a)}},[b]),(0,n.useEffect)(()=>{if(v&&document&&b){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(b);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate),h(!1))}},[v,e.indeterminate,e.checked]),(0,i.jsxs)("div",{className:(0,l.xF)("db-checkbox",e.className),"data-size":e.size,"data-variant":e.variant,children:[(0,i.jsxs)("label",{htmlFor:b,children:[(0,i.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:u,...(0,l.MD)(e,[]),id:b,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,required:e.required,onChange:a=>{var t,i,n,s,d,c;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(i=u.current)||void 0===i?void 0:i.validity.valid)&&e.required?(R(p),(0,l.LB)()&&(L(null!==(c=e.validMessage)&&void 0!==c?c:r.r2),(0,l.cb)(()=>L(""),1e3))):e.message?R(f):R(""):(R(x),(0,l.LB)()&&(L(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(n=u.current)||void 0===n?void 0:n.validationMessage)&&void 0!==d?d:r.MA),(0,l.cb)(()=>L(""),1e3)))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":A}),e.label?(0,i.jsx)("span",{children:e.label}):null,e.children]}),e.message?(0,i.jsx)(s.A,{size:"small",icon:e.messageIcon,id:f,children:e.message}):null,(0,i.jsx)(s.A,{size:"small",semantic:"successful",id:p,children:null!==(d=e.validMessage)&&void 0!==d?d:r.r2}),(0,i.jsx)(s.A,{size:"small",semantic:"critical",id:x,children:null!==(o=null!==(c=e.invalidMessage)&&void 0!==c?c:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==o?o:r.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:_})]})})},40956:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,i.jsx)("div",{ref:t,...(0,l.MD)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,"data-width":e.width,className:(0,l.xF)("db-divider",e.className)})})},87612:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(95374),r=t(81947),s=t(5188);let d=(0,n.forwardRef)(function(e,a){var t;let d=a||(0,n.useRef)(a),c=(0,n.useRef)(null);function o(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"click"===a.type&&"none"!==e.backdrop)&&e.onClose&&e.onClose(a)}function u(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop||"inside"===e.variant?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(c.current&&(c.current.hidden=!0),(0,s.cb)(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}return(0,n.useEffect)(()=>{u()},[]),(0,n.useEffect)(()=>{u()},[e.open]),(0,i.jsx)("dialog",{className:"db-drawer",id:e.id,ref:d,...(0,s.MD)(e,["onClose"]),onClick:e=>{o(e)},onKeyDown:e=>o(e),"data-backdrop":e.backdrop,"data-variant":e.variant,children:(0,i.jsxs)("article",{ref:c,className:(0,s.xF)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,i.jsxs)("header",{className:"db-drawer-header",children:[(0,i.jsx)("div",{className:"db-drawer-header-text",children:(0,i.jsx)(i.Fragment,{children:e.drawerHeader})}),(0,i.jsx)(l.A,{className:"button-close-drawer",icon:"cross",variant:"ghost",id:e.closeButtonId,noText:!0,onClick:e=>o("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.mt})]}),(0,i.jsx)("div",{className:"db-drawer-content",children:e.children})]})})})},23116:(e,a,t)=>{t.d(a,{A:()=>o});var i=t(31085),n=t(14041),l=t(5188),r=t(95374),s=t(87612),d=t(81947),c=t(44608);let o=(0,n.forwardRef)(function(e,a){var t;let o=a||(0,n.useRef)(a),[u,v]=(0,n.useState)(()=>d.Ye),[h,b]=(0,n.useState)(()=>!1),[m,f]=(0,n.useState)(()=>!1);function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,n.useEffect)(()=>{b(!0),v(e.id||"header-"+(0,l.uR)())},[]),(0,n.useEffect)(()=>{if(h&&document&&u&&e.forceMobile){let e=document.getElementById(u);e&&(0,l.AU)(e,{key:"data-force-mobile",value:"true"}),f(!0)}},[h]),(0,i.jsxs)("header",{ref:o,...(0,l.MD)(e,[]),className:(0,l.xF)("db-header",e.className),id:u,"data-width":e.width,"data-on-forcing-mobile":e.forceMobile&&!m,children:[(0,i.jsxs)(s.A,{className:"db-header-drawer",spacing:"small",rounded:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,i.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,i.jsx)("div",{className:"db-header-navigation",onClick:e=>{(0,c.JR)(e)&&g()},children:e.children}),(0,i.jsx)("div",{className:"db-header-meta-navigation",children:(0,i.jsx)(i.Fragment,{children:e.metaNavigation})})]}),(0,i.jsx)("div",{className:"db-header-secondary-action",children:(0,i.jsx)(i.Fragment,{children:e.secondaryAction})})]}),(0,i.jsx)("div",{className:"db-header-meta-navigation",children:(0,i.jsx)(i.Fragment,{children:e.metaNavigation})}),(0,i.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,i.jsx)("div",{className:"db-header-brand-container",children:(0,i.jsx)(i.Fragment,{children:e.brand})}),(0,i.jsxs)("div",{className:"db-header-navigation-container",children:[(0,i.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,i.jsx)("div",{className:"db-header-primary-action",children:(0,i.jsx)(i.Fragment,{children:e.primaryAction})})]}),(0,i.jsxs)("div",{className:"db-header-action-container",children:[(0,i.jsx)("div",{className:"db-header-burger-menu-container",children:(0,i.jsx)(r.A,{icon:"menu",variant:"ghost",id:u+"-burger-menu",noText:!0,onClick:()=>g(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:d.Mv})}),(0,i.jsx)("div",{className:"db-header-secondary-action",children:(0,i.jsx)(i.Fragment,{children:e.secondaryAction})})]})]})]})})},64140:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,i.jsx)("span",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-infotext",e.className),"data-icon":e.icon,"data-semantic":e.semantic,"data-size":e.size,children:e.children})})},59916:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(5188),r=t(81947),s=t(64140);let d=(0,n.forwardRef)(function(e,a){var t,d,c,o,u,v,h,b;let m=a||(0,n.useRef)(a),[f,g]=(0,n.useState)(()=>void 0),[p,N]=(0,n.useState)(()=>void 0),[x,E]=(0,n.useState)(()=>void 0),[A,R]=(0,n.useState)(()=>void 0),[_,L]=(0,n.useState)(()=>void 0),[S,j]=(0,n.useState)(()=>""),[B,y]=(0,n.useState)(()=>""),[F,C]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var a;let t=null!==(a=e.id)&&void 0!==a?a:"input-".concat((0,l.uR)());g(t),N(t+r.kc),E(t+r.Pm),R(t+r.e5),L(t+r.x9)},[]),(0,n.useEffect)(()=>{if(f){var a;let t=f+r.kc;N(t),E(f+r.Pm),R(f+r.e5),L(null!==(a=e.dataListId)&&void 0!==a?a:f+r.x9),e.message&&j(t)}},[f]),(0,n.useEffect)(()=>{y(e.value)},[e.value]),(0,i.jsxs)("div",{className:(0,l.xF)("db-input",e.className),"data-variant":e.variant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,i.jsx)("label",{htmlFor:f,children:null!==(c=e.label)&&void 0!==c?c:r.$6}),(0,i.jsx)("input",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.MD)(e,[]),id:f,name:e.name,type:e.type||"text",placeholder:null!==(o=e.placeholder)&&void 0!==o?o:r.GW,disabled:e.disabled,required:e.required,step:e.step,value:e.value,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,i,n,s,d,c;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(i=m.current)||void 0===i?void 0:i.validity.valid)&&(e.required||e.minLength||e.maxLength||e.pattern)?(j(x),(0,l.LB)()&&(C(null!==(c=e.validMessage)&&void 0!==c?c:r.r2),(0,l.cb)(()=>C(""),1e3))):e.message?j(p):j(""):(j(A),(0,l.LB)()&&(C(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(n=m.current)||void 0===n?void 0:n.validationMessage)&&void 0!==d?d:r.MA),(0,l.cb)(()=>C(""),1e3)))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},list:e.dataList&&_,"aria-describedby":S}),e.dataList?(0,i.jsx)("datalist",{id:_,children:null===(b=e.dataList,t=Array.from(((0,l.dr)(b)?b.map(e=>({value:e,label:void 0})):b)||[]))||void 0===t?void 0:t.map(e=>(0,i.jsx)("option",{value:e.value,children:e.label},_+"-option-"+e.value))}):null,e.children,e.message?(0,i.jsx)(s.A,{size:"small",icon:e.messageIcon,id:p,children:e.message}):null,(0,i.jsx)(s.A,{size:"small",semantic:"successful",id:x,children:null!==(u=e.validMessage)&&void 0!==u?u:r.r2}),(0,i.jsx)(s.A,{size:"small",semantic:"critical",id:A,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:F})]})})},13210:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye);return(0,i.jsxs)("a",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":(0,l.EB)(e.disabled),tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:a=>{e.onClick&&e.onClick(a)},children:[e.text?(0,i.jsx)("span",{children:e.text}):null,e.children]})})},6900:(e,a,t)=>{t.d(a,{A:()=>c});var i=t(31085),n=t(14041),l=t(95374),r=t(5188),s=t(44608),d=t(81947);let c=(0,n.forwardRef)(function(e,a){var t;let c=a||(0,n.useRef)(a),[o,u]=(0,n.useState)(()=>!1),[v,h]=(0,n.useState)(()=>!1),[b,m]=(0,n.useState)(()=>!0),[f,g]=(0,n.useState)(()=>!1),[p,N]=(0,n.useState)(()=>"sub-navigation-"+(0,r.uR)()),[x,E]=(0,n.useState)(()=>void 0);return(0,n.useEffect)(()=>{u(!0)},[]),(0,n.useEffect)(()=>{void 0!==e.subNavigationExpanded&&g(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,n.useEffect)(()=>{!function(){if(o&&document&&p){var e,a;let t=null===(e=document)||void 0===e?void 0:e.getElementById(p);t&&((null===(a=t.children)||void 0===a?void 0:a.length)>0?(h(!0),x||E(new s.D1(c.current,t))):m(!1))}}()},[o]),(0,i.jsxs)("li",{ref:c,...(0,r.MD)(e,[]),id:e.id,onMouseOver:e=>null==x?void 0:x.enableFollow(),onMouseLeave:e=>null==x?void 0:x.disableFollow(),onMouseMove:e=>null==x?void 0:x.followByMouseEvent(e),className:(0,r.xF)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"data-active":e.active,"aria-disabled":(0,r.EB)(e.disabled),children:[b?null:(0,i.jsx)(i.Fragment,{children:e.children}),b?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":v,"aria-expanded":f,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),v&&g(!0)},children:e.children}),(0,i.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[v?(0,i.jsx)("div",{className:"db-mobile-navigation-back",children:(0,i.jsx)(l.A,{icon:"arrow_left",variant:"ghost",id:e.backButtonId,onClick:e=>{e.stopPropagation(),g(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:d.sR})}):null,(0,i.jsx)(i.Fragment,{children:e.subNavigation})]})]}):null]})})},61338:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye);return(0,n.useEffect)(()=>{d(e.id||"navigation-"+(0,l.uR)())},[]),(0,i.jsx)("nav",{ref:t,...(0,l.MD)(e,[]),id:s,"aria-labelledby":e.labelledBy,className:(0,l.xF)("db-navigation",e.className),children:(0,i.jsx)("menu",{children:e.children})})})},91836:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(95374),r=t(81947),s=t(5188);let d=(0,n.forwardRef)(function(e,a){var t;let d=a||(0,n.useRef)(a);return(0,i.jsxs)("article",{ref:d,...(0,s.MD)(e,[]),id:e.id,className:(0,s.xF)("db-notification",e.className),"aria-live":e.ariaLive,"data-semantic":e.semantic,"data-variant":e.variant,"data-icon":e.icon,"data-link-variant":e.linkVariant,children:[(0,i.jsx)(i.Fragment,{children:e.image}),e.headline?(0,i.jsx)("header",{children:e.headline}):null,(0,i.jsx)("p",{children:e.children}),e.timestamp?(0,i.jsx)("span",{children:e.timestamp}):null,(0,i.jsx)(i.Fragment,{children:e.link}),"permanent"!==e.behaviour?(0,i.jsx)(l.A,{icon:"cross",variant:"ghost",size:"small",id:e.closeButtonId,noText:!0,onClick:a=>{e.onClose&&e.onClose()},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.mt}):null]})})},36428:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[r,s]=(0,n.useState)(()=>!1),[d,c]=(0,n.useState)(()=>!1);function o(){if(c(!0),!t.current)return;let e=t.current.querySelector("article");e&&(0,l.ef)(e)}function u(e){let a=e.target;a.parentNode&&(a.parentNode.querySelector(":focus")===a||a.parentNode.querySelector(":focus-within")===a||a.parentNode.querySelector(":hover")===a)||c(!1)}function v(){if(null==t?void 0:t.current){let a=Array.from(t.current.children);if(a.length>=2){var e;let t=a[0];return t.tagName.includes("-")?(null===(e=t.children)||void 0===e?void 0:e.length)>0?t.children[0]:null:t}}return null}return(0,n.useEffect)(()=>{s(!0)},[]),(0,n.useEffect)(()=>{if(t.current&&r){let e=v();e&&(e.ariaHasPopup="true"),s(!1)}},[t.current,r]),(0,n.useEffect)(()=>{if(t.current){let e=v();e&&(e.ariaExpanded=(!!d).toString())}},[t.current,d]),(0,i.jsxs)("div",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-popover",e.className),onFocus:e=>o(),onBlur:e=>u(e),onMouseEnter:e=>o(),onMouseLeave:e=>u(e),children:[(0,i.jsx)(i.Fragment,{children:e.trigger}),(0,i.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":(0,l.EB)(e.gap),"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})})},85980:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[r,s]=(0,n.useState)(()=>!1),[d,c]=(0,n.useState)(()=>void 0);return(0,n.useEffect)(()=>{var a;s(!0),c(null!==(a=e.id)&&void 0!==a?a:"radio-".concat((0,l.uR)()))},[]),(0,n.useEffect)(()=>{if(e.checked&&r&&document&&d){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(d);t&&void 0!=e.checked&&(t.checked=!0)}},[r,e.checked]),(0,i.jsxs)("label",{"data-size":e.size,"data-variant":e.variant,className:(0,l.xF)("db-radio",e.className),htmlFor:d,children:[(0,i.jsx)("input",{type:"radio","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:t,...(0,l.MD)(e,[]),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,value:e.value,required:e.required,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.label?(0,i.jsx)("span",{children:e.label}):null,e.children]})})},12764:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye);return(0,n.useEffect)(()=>{d(e.id||"section-"+(0,l.uR)())},[]),(0,i.jsx)("section",{ref:t,...(0,l.MD)(e,[]),id:s,className:(0,l.xF)("db-section",e.className),"data-spacing":e.spacing||"medium","data-width":e.width,children:e.children})})},47982:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(5188),r=t(81947),s=t(64140);let d=(0,n.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let b=a||(0,n.useRef)(a),[m,f]=(0,n.useState)(()=>void 0),[g,p]=(0,n.useState)(()=>void 0),[N,x]=(0,n.useState)(()=>void 0),[E,A]=(0,n.useState)(()=>void 0),[R,_]=(0,n.useState)(()=>""),[L,S]=(0,n.useState)(()=>""),[j,B]=(0,n.useState)(()=>""),[y,F]=(0,n.useState)(()=>!1),[C,T]=(0,n.useState)(()=>"");function I(e){var a;return null!==(a=e.label)&&void 0!==a?a:e.value.toString()}return(0,n.useEffect)(()=>{var a;F(!0);let t=null!==(a=e.id)&&void 0!==a?a:"select-".concat((0,l.uR)());f(t),p(t+r.kc),x(t+r.Pm),A(t+r.e5),_(t+r.mu)},[]),(0,n.useEffect)(()=>{if(m&&y){let a=m+r.kc,t=m+r.mu;p(a),x(m+r.Pm),A(m+r.e5),_(t),e.message?S(a):S(t),F(!1)}},[m,y]),(0,n.useEffect)(()=>{B(e.value)},[e.value]),(0,i.jsxs)("div",{className:(0,l.xF)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[(0,i.jsx)("label",{htmlFor:m,children:null!==(c=e.label)&&void 0!==c?c:r.$6}),(0,i.jsxs)("select",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:b,...(0,l.MD)(e,[]),required:e.required,disabled:e.disabled,id:m,name:e.name,value:e.value,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onClick:a=>{e.onClick&&e.onClick(a)},onChange:a=>{var t,i,n,s,d,c;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=b.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(i=b.current)||void 0===i?void 0:i.validity.valid)&&e.required?(S(N),(0,l.LB)()&&(T(null!==(c=e.validMessage)&&void 0!==c?c:r.r2),(0,l.cb)(()=>T(""),1e3))):e.message?S(g):S(R):(S(E),(0,l.LB)()&&(T(null!==(d=null!==(s=e.invalidMessage)&&void 0!==s?s:null===(n=b.current)||void 0===n?void 0:n.validationMessage)&&void 0!==d?d:r.MA),(0,l.cb)(()=>T(""),1e3)))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":L,children:[(0,i.jsx)("option",{hidden:!0}),e.options?(0,i.jsx)(n.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var a;return(0,i.jsxs)(n.Fragment,{children:[e.options?(0,i.jsx)("optgroup",{label:I(e),children:null===(a=e.options)||void 0===a?void 0:a.map(e=>(0,i.jsx)("option",{value:e.value,disabled:e.disabled,children:I(e)},e.value.toString()))}):null,e.options?null:(0,i.jsx)("option",{value:e.value,disabled:e.disabled,children:I(e)})]},(0,l.uR)())})},(0,l.uR)()):null,e.children]}),(0,i.jsx)("span",{id:R,children:null!==(o=e.placeholder)&&void 0!==o?o:e.label}),e.message?(0,i.jsx)(s.A,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,i.jsx)(s.A,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.r2}),(0,i.jsx)(s.A,{size:"small",semantic:"critical",id:E,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=b.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:C})]})})},29820:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,i.jsx)("div",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-stack",e.className),"data-gap":e.gap,"data-variant":e.variant,"data-direction":e.direction,"data-alignment":e.alignment,"data-justify-content":e.justifyContent,"data-wrap":(0,l.EB)(e.wrap),children:e.children})})},98142:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[r,s]=(0,n.useState)(()=>void 0),[d,c]=(0,n.useState)(()=>!1),[o,u]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{var a;s(null!==(a=e.id)&&void 0!==a?a:"switch-".concat((0,l.uR)()))},[]),(0,i.jsxs)("label",{"data-visual-aid":e.visualAid,"data-size":e.size,"data-variant":e.variant,"data-emphasis":e.emphasis,htmlFor:r,className:(0,l.xF)("db-switch",e.className),children:[(0,i.jsx)("input",{type:"checkbox",role:"switch",id:r,"aria-checked":d,ref:t,...(0,l.MD)(e,[]),checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,name:e.name,required:e.required,"data-aid-icon":e.icon,"data-aid-icon-after":e.iconAfter,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),c(null===(t=a.target)||void 0===t?void 0:t.checked)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.children]})})},10300:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[r,s]=(0,n.useState)(()=>!1),[d,c]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{s(!0)},[]),(0,n.useEffect)(()=>{e.active&&r&&t.current&&(t.current.click(),s(!1))},[t.current,r]),(0,i.jsx)("li",{role:"none",className:(0,l.xF)("db-tab-item",e.className),children:(0,i.jsxs)("label",{htmlFor:e.id,"data-icon":e.icon,"data-icon-after":e.iconAfter,"data-no-text":e.noText,children:[(0,i.jsx)("input",{type:"radio",role:"tab",disabled:e.disabled,"aria-selected":d,"aria-controls":e.controls,checked:e.checked,ref:t,...(0,l.MD)(e,[]),id:e.id,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),c(null===(t=a.target)||void 0===t?void 0:t.checked)}}),e.label?(0,i.jsx)(i.Fragment,{children:e.label}):null,e.children]})})})},97518:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye);return(0,n.useEffect)(()=>{d(e.id||"tab-list-"+(0,l.uR)())},[]),(0,i.jsx)("div",{ref:t,...(0,l.MD)(e,[]),id:s,className:(0,l.xF)("db-tab-list",e.className),children:(0,i.jsx)("ul",{role:"tablist",children:e.children})})})},7852:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a);return(0,n.useEffect)(()=>{},[]),(0,i.jsxs)("section",{role:"tabpanel",ref:t,...(0,l.MD)(e,[]),className:(0,l.xF)("db-tab-panel",e.className),id:e.id,"aria-labelledby":e.labelledBy,children:[e.content?(0,i.jsx)(i.Fragment,{children:e.content}):null,e.children]})})},79834:(e,a,t)=>{t.d(a,{A:()=>o});var i=t(31085),n=t(14041),l=t(5188),r=t(95374),s=t(97518),d=t(10300),c=t(7852);let o=(0,n.forwardRef)(function(e,a){var t,o,u,v;let h=a||(0,n.useRef)(a),[b,m]=(0,n.useState)(()=>"tabs-"+(0,l.uR)()),[f,g]=(0,n.useState)(()=>""),[p,N]=(0,n.useState)(()=>!1),[x,E]=(0,n.useState)(()=>!1),[A,R]=(0,n.useState)(()=>!1),[_,L]=(0,n.useState)(()=>null);function S(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}return[]}function j(e){let a=e.scrollWidth>e.clientWidth;E(a&&e.scrollLeft>1),R(a&&e.scrollLeft{j(t)}))}}}function F(a){if(h.current){let t=Array.from(h.current.getElementsByClassName("db-tab-item"));for(let i of t){let n=t.indexOf(i),l=i.querySelector("label"),r=i.querySelector("input");if(r&&l){if(!r.id){let e="".concat(f,"-tab-").concat(n);l.setAttribute("for",e),r.setAttribute("aria-controls","".concat(f,"-tab-panel-").concat(n)),r.id=e,r.setAttribute("name",f)}if(a){let a=!e.initialSelectedMode||"auto"===e.initialSelectedMode,t=null==e.initialSelectedIndex&&0===n||e.initialSelectedIndex===n;a&&t&&r.click()}}}let i=Array.from(h.current.querySelectorAll(":is(& > .db-tab-panel, & > db-tab-panel > .db-tab-panel)"));for(let e of i){if(e.id)continue;let a=i.indexOf(e);e.id="".concat(f,"-tab-panel-").concat(a),e.setAttribute("aria-labelledby","".concat(f,"-tab-").concat(a))}}}return(0,n.useEffect)(()=>{m(e.id||b),g(e.name||(0,l.uR)()),N(!0)},[]),(0,n.useEffect)(()=>{if(h.current&&p){y(),F(!0);let e=h.current.querySelector(".db-tab-list");e&&new MutationObserver(e=>{e.forEach(e=>{(e.removedNodes.length||e.addedNodes.length)&&(y(),F())})}).observe(e,{childList:!0,subtree:!0}),N(!1)}},[h.current,p]),(0,i.jsxs)("div",{ref:h,...(0,l.MD)(e,[]),id:b,className:(0,l.xF)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(u=e.alignment)&&void 0!==u?u:"start","data-width":null!==(v=e.width)&&void 0!==v?v:"auto",children:[x?(0,i.jsx)(r.A,{className:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",noText:!0,onClick:e=>B(!0),children:"Scroll left"}):null,e.tabs?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.A,{children:null===(t=S(e.tabs))||void 0===t?void 0:t.map((a,t)=>(0,i.jsx)(d.A,{active:a.active,label:a.label,iconAfter:a.iconAfter,icon:a.icon,noText:a.noText},e.name+"tab-item"+t))}),null===(o=S(e.tabs))||void 0===o?void 0:o.map((a,t)=>(0,i.jsx)(c.A,{content:a.content,children:a.children},e.name+"tab-panel"+t))]}):null,A?(0,i.jsx)(r.A,{className:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",noText:!0,onClick:e=>B(),children:"Scroll right"}):null,e.children]})})},85776:(e,a,t)=>{t.d(a,{A:()=>r});var i=t(31085),n=t(14041),l=t(5188);let r=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[r,s]=(0,n.useState)(()=>!1);function d(){return e.removeButton?e.removeButton:"Remove tag"}let c=(0,n.useRef)(!1);return c.current||(s(!0),c.current=!0),(0,n.useEffect)(()=>{if(r&&t.current&&void 0!==e.disabled){var a,i;for(let n of[null===(a=t.current)||void 0===a?void 0:a.querySelector("button:not(.db-tab-remove-button)"),null===(i=t.current)||void 0===i?void 0:i.querySelector("input")])n&&(n.disabled=e.disabled)}},[r,e.disabled,t.current]),(0,i.jsxs)("div",{ref:t,...(0,l.MD)(e,[]),id:e.id,className:(0,l.xF)("db-tag",e.className),"data-disabled":(0,l.EB)(e.disabled),"data-semantic":e.semantic,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":(0,l.EB)(e.noText),"data-overflow":(0,l.EB)(e.overflow),children:[e.children,e.text?(0,i.jsx)(i.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,i.jsx)("button",{className:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",onClick:a=>void(e.onRemove&&e.onRemove()),title:d(),children:d()}):null]})})},85194:(e,a,t)=>{t.d(a,{A:()=>d});var i=t(31085),n=t(14041),l=t(64140),r=t(5188),s=t(81947);let d=(0,n.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let b=a||(0,n.useRef)(a),[m,f]=(0,n.useState)(()=>void 0),[g,p]=(0,n.useState)(()=>void 0),[N,x]=(0,n.useState)(()=>void 0),[E,A]=(0,n.useState)(()=>void 0),[R,_]=(0,n.useState)(()=>""),[L,S]=(0,n.useState)(()=>""),[j,B]=(0,n.useState)(()=>"");return(0,n.useEffect)(()=>{var a;let t=null!==(a=e.id)&&void 0!==a?a:"textarea-".concat((0,r.uR)());f(t),p(t+s.kc),x(t+s.Pm),A(t+s.e5)},[]),(0,n.useEffect)(()=>{if(m){let a=m+s.kc;p(a),x(m+s.Pm),A(m+s.e5),e.message&&_(a)}},[m]),(0,n.useEffect)(()=>{S(e.value)},[e.value]),(0,i.jsxs)("div",{className:(0,r.xF)("db-textarea",e.className),"data-variant":e.variant,children:[(0,i.jsx)("label",{htmlFor:m,children:null!==(d=e.label)&&void 0!==d?d:s.$6}),(0,i.jsx)("textarea",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:b,...(0,r.MD)(e,[]),id:m,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,i,n,l,d,c;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=b.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(i=b.current)||void 0===i?void 0:i.validity.valid)&&(e.required||e.minLength||e.maxLength)?(_(N),(0,r.LB)()&&(B(null!==(c=e.validMessage)&&void 0!==c?c:s.r2),(0,r.cb)(()=>B(""),1e3))):e.message?_(g):_(""):(_(E),(0,r.LB)()&&(B(null!==(d=null!==(l=e.invalidMessage)&&void 0!==l?l:null===(n=b.current)||void 0===n?void 0:n.validationMessage)&&void 0!==d?d:s.MA),(0,r.cb)(()=>B(""),1e3)))},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},value:e.value,"aria-describedby":R,placeholder:null!==(c=e.placeholder)&&void 0!==c?c:s.GW,rows:null!==(o=e.rows)&&void 0!==o?o:s.YK,cols:e.cols}),e.message?(0,i.jsx)(l.A,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,i.jsx)(l.A,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:s.r2}),(0,i.jsx)(l.A,{size:"small",semantic:"critical",id:E,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(t=b.current)||void 0===t?void 0:t.validationMessage)&&void 0!==h?h:s.MA}),(0,i.jsx)("span",{"data-visually-hidden":"true",role:"status",children:j})]})})},20156:(e,a,t)=>{t.d(a,{A:()=>s});var i=t(31085),n=t(14041),l=t(5188),r=t(81947);let s=(0,n.forwardRef)(function(e,a){let t=a||(0,n.useRef)(a),[s,d]=(0,n.useState)(()=>r.Ye),[c,o]=(0,n.useState)(()=>!1);return(0,n.useEffect)(()=>{d(e.id||"tooltip-"+(0,l.uR)()),o(!0)},[]),(0,n.useEffect)(()=>{if(t.current&&c){let e=t.current.parentElement;e&&e.localName.includes("tooltip")&&(e=e.parentElement),e&&(["mouseenter","focus"].forEach(a=>{e.addEventListener(a,()=>void((null==t?void 0:t.current)&&(0,l.ef)(t.current)))}),e.setAttribute("data-has-tooltip","true"),e.setAttribute("aria-describedby",s)),o(!1)}},[t.current,c]),(0,i.jsx)("i",{role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t,...(0,l.MD)(e,[]),className:(0,l.xF)("db-tooltip",e.className),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),children:e.children})})},81947:(e,a,t)=>{t.d(a,{$6:()=>n,GW:()=>l,MA:()=>v,Mv:()=>b,Pm:()=>s,YK:()=>f,Ye:()=>i,e5:()=>d,iT:()=>m,kc:()=>r,mt:()=>g,mu:()=>c,r2:()=>u,sR:()=>h,x9:()=>o});let i="OVERWRITE_DEFAULT_ID",n="LABEL SHOULD BE SET",l=" ",r="-message",s="-valid-message",d="-invalid-message",c="-placeholder",o="-datalist",u="TODO: Add a validMessage",v="TODO: Add an invalidMessage",h="Back",b="BurgerMenu",m="db",f=4,g="Close Button";Object.entries(function(e){return e.FUNCTIONAL="functional",e.REGULAR="regular",e.EXPRESSIVE="expressive",e}({})).map(e=>{let[,a]=e;return a});var p=function(e){return e.PRIMARY="primary",e}({});Object.entries(function(e){return e.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",e.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",e.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",e.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",e.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",e.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",e.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",e.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",e.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",e.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",e.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",e.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",e.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",e.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",e.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",e.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",e.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",e.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",e.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",e.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",e.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",e.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",e.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",e.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",e.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",e.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",e.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",e.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",e.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",e.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full",e}({})).map(e=>{let[,a]=e;return a}),Object.entries(p).map(e=>{let[,a]=e;return a}),Object.entries(function(e){return e.CRITICAL="critical",e.INFORMATIONAL="informational",e.WARNING="warning",e.SUCCESSFUL="successful",e}({})).map(e=>{let[,a]=e;return a})},44608:(e,a,t)=>{t.d(a,{D1:()=>l,JR:()=>n});var i=t(5188);let n=e=>{var a,t;let{target:i}=e;return!!(!(null==i?void 0:null===(a=i.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==i?void 0:null===(t=i.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class l{init(){var e,a;let t=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var e,a;if(!this.initialized||this.triangleData)return;let t=(0,i.ef)(this.subNavigation),n=this.element.getBoundingClientRect(),l=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.triangleData={itemRect:n,parentElementWidth:l,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(l-n.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let e=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?e+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):e}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let e="right"===this.triangleData.outsideVX;return!!e&&this.mouseX<-1*this.triangleData.padding||!e&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(e){if(!this.triangleData)return;if("fill-gap"===e){let e="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),a="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(a," ").concat(e),lt:"".concat(a," 0"),rt:"100% 0",rb:"100% ".concat(e)}}let a=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(a,"px ").concat(t,"px"),lt:"".concat(a,"px ").concat(t,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(e){if(!this.initialized||!this.triangleData)return;this.mouseX=e.clientX-this.triangleData.itemRect.left,this.mouseY=e.clientY-this.triangleData.itemRect.top;let a=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(a?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),a&&(this.triangleData=void 0))}constructor(e,a){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=e,this.subNavigation=a,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},51034:(e,a,t)=>{t.d(a,{D_:()=>r,HI:()=>i,fY:()=>l,kC:()=>o,lm:()=>c,o$:()=>d,wr:()=>n});let i="density",n="color";var l=function(e){return e.FUNCTIONAL="functional",e.REGULAR="regular",e.EXPRESSIVE="expressive",e}({});let r=Object.entries(l).map(e=>{let[,a]=e;return a});var s=function(e){return e.PRIMARY="primary",e}({}),d=function(e){return e.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",e.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",e.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",e.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",e.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",e.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",e.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",e.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",e.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",e.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",e.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",e.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",e.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",e.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",e.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",e.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",e.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",e.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",e.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",e.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",e.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",e.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",e.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",e.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",e.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",e.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",e.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",e.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",e.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",e.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full",e}({});let c=Object.entries(d).map(e=>{let[,a]=e;return a});Object.entries(s).map(e=>{let[,a]=e;return a});let o=Object.entries(function(e){return e.CRITICAL="critical",e.INFORMATIONAL="informational",e.WARNING="warning",e.SUCCESSFUL="successful",e}({})).map(e=>{let[,a]=e;return a})}}]); \ No newline at end of file diff --git a/review/docs-input-example-copy-code/_next/static/chunks/2825-de2b9b15731cc1fc.js b/review/docs-input-example-copy-code/_next/static/chunks/2825-de2b9b15731cc1fc.js new file mode 100644 index 00000000000..3ccaf05851b --- /dev/null +++ b/review/docs-input-example-copy-code/_next/static/chunks/2825-de2b9b15731cc1fc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2825],{32825:(n,e,t)=>{t.d(e,{bw:()=>aH,ll:()=>aL,sr:()=>aE,g9:()=>aS,Oj:()=>aP,Pb:()=>aR});var a={};t.r(a),t.d(a,{Behaviour:()=>ex,Content:()=>ep,Density:()=>ed,Size:()=>eu,State:()=>eh,Variant:()=>eb});var i={};t.r(i),t.d(i,{Content:()=>eB,Density:()=>eg,InteractionStates:()=>ev,Semantic:()=>em,Size:()=>eD});var o={};t.r(o),t.d(o,{Behaviour:()=>eA,Density:()=>ej,Variant:()=>eT});var l={};t.r(l),t.d(l,{ContentStates:()=>ey,Density:()=>ef,InteractionStates:()=>ek});var s={};t.r(s),t.d(s,{Density:()=>ew,Variants:()=>eC});var r={};t.r(r),t.d(r,{Animations:()=>eS,Density:()=>eN,Emphasis:()=>eL,Placement:()=>eH,Variant:()=>eI,Width:()=>e_});var c={};t.r(c),t.d(c,{Density:()=>eR,Semantic:()=>eP,Size:()=>eE});var d={};t.r(d),t.d(d,{Behaviour:()=>eV,Content:()=>ez,Density:()=>eO,Emphasis:()=>eF,Example:()=>eq,Overflow:()=>eU,Semantic:()=>eM,State:()=>eW});var b={};t.r(b),t.d(b,{Density:()=>eJ,Examples:()=>eK,Orientation:()=>eG,Overflow:()=>e$,Width:()=>eY});var h={};t.r(h),t.d(h,{Behaviour:()=>e0,Content:()=>eZ,ContentAlignmentFullWidth:()=>e1,Density:()=>eQ,States:()=>eX});var u={};t.r(u),t.d(u,{Content:()=>e9,Density:()=>e2,InteractionStates:()=>e3,Requirement:()=>e7,Size:()=>e4,States:()=>e5});var p={};t.r(p),t.d(p,{Content:()=>ta,Density:()=>e6,ExampleTypes:()=>to,ExampleTypesFloatingLabel:()=>tl,Requirement:()=>ti,StatesFloatingLabel:()=>tt,StatesLabelAbove:()=>te,VariantHelperMessage:()=>tn,VariantLabel:()=>e8});var x={};t.r(x),t.d(x,{Content:()=>th,Density:()=>ts,InteractionStates:()=>tr,Requirement:()=>tb,Size:()=>td,States:()=>tc});var g={};t.r(g),t.d(g,{Content:()=>tv,Density:()=>tu,Requirement:()=>tD,StatesFloatingLabel:()=>tm,StatesLabelAbove:()=>tg,VariantHelperMessage:()=>tx,VariantLabel:()=>tp});var m={};t.r(m),t.d(m,{Content:()=>tk,Density:()=>tB,Emphasis:()=>tT,Examples:()=>ty,Size:()=>tf,States:()=>tj,VisualAid:()=>tA});var v={};t.r(v),t.d(v,{Density:()=>tw,Requirement:()=>tH,Rows:()=>t_,StatesFloatingLabel:()=>tL,StatesLabelAbove:()=>tI,VariantHelperMessage:()=>tN,VariantLabel:()=>tC});var D={};t.r(D),t.d(D,{Behaviour:()=>tE,ContentVariantDocked:()=>tO,ContentVariantOverlay:()=>tM,ContentVariantStandalone:()=>tF,Density:()=>tS,Semantic:()=>tP,Variant:()=>tR});var B={};t.r(B),t.d(B,{Content:()=>tq,Density:()=>tV,Emphasis:()=>tW,Examples:()=>tG,Placement:()=>tJ,Semantic:()=>tz,Size:()=>tU});var j={};t.r(j),t.d(j,{Behaviour:()=>tQ,Density:()=>tY,ElevationLevel:()=>t$,Example:()=>tX,Spacing:()=>tK});var T={};t.r(T),t.d(T,{Density:()=>tZ,Emphasis:()=>t1,Variant:()=>t0});var A={};t.r(A),t.d(A,{Backdrop:()=>t7,Density:()=>t2,Directions:()=>t9,Example:()=>t6,Rounded:()=>t5,Size:()=>t3,Spacing:()=>t4});var f={};t.r(f),t.d(f,{Behaviour:()=>ae,Density:()=>t8,Examples:()=>at,Width:()=>an});var k={};t.r(k),t.d(k,{Density:()=>aa,Spacing:()=>ao,Width:()=>ai});var y={};t.r(y),t.d(y,{Density:()=>al});var w={};t.r(w),t.d(w,{Content:()=>ac,Density:()=>as,InteractionStates:()=>ar,Width:()=>ad});var C={};t.r(C),t.d(C,{Animations:()=>ax,Density:()=>ab,Gap:()=>ap,Placement:()=>au,Spacing:()=>ah,Width:()=>ag});var N={};t.r(N),t.d(N,{AlignmentColumn:()=>aT,AlignmentRow:()=>aA,Density:()=>am,Direction:()=>aB,Gap:()=>aD,JustifyContentColumn:()=>af,JustifyContentRow:()=>ak,Variant:()=>av,Wrap:()=>aj});var I=t(31085),L=t(95374),H=t(14041),_=t(64286),S=t(40956),R=t(13210),P=t(51034),E=t(42305);let O=()=>{let n=(0,E.useRouter)(),e=(0,E.usePathname)(),[t,a]=[(0,E.useSearchParams)()];return[t,t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(t);if(e.sort(),n.toString()===e.toString())return}a?a(t):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(t).toString())))}]},F=function(){var n,e;let t=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=O(),[o,l]=(0,H.useState)(null!==(n=a.get(P.HI))&&void 0!==n?n:P.fY.REGULAR),[s,r]=(0,H.useState)(null!==(e=a.get(P.wr))&&void 0!==e?e:P.o$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,H.useState)(void 0),[b,h]=(0,H.useState)(!1),[u,p]=(0,H.useState)(!1);return(0,H.useEffect)(()=>{for(let[n,e]of Array.from(a.entries()))e&&(n===P.HI&&o!==e&&l(e),n===P.wr&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[a]),(0,H.useEffect)(()=>{if(u){let n={density:o,color:s};c&&(n.page=c),b&&(n.fullscreen=!0),t&&i(n)}},[s,o,c,b,u]),[o,l,s,r,c,b]};var M=t(39907);let V=n=>{let{name:e,examples:t,color:a,role:i,SlotCode:o}=n,l=(0,H.useCallback)(()=>(null==a?void 0:a.includes("3"))?"3":(null==a?void 0:a.includes("2"))?"2":"1",[a]),[s,r]=(0,H.useState)();return(0,I.jsxs)(_.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:t.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)(_.A,{className:"code",spacing:"small",children:(0,I.jsx)(o,{})})]})]})]})},W=n=>{var e;let{title:t,variants:a,subComponent:i,isSubComponent:o,componentName:l}=n,s=null==M||null===(e=M.env)||void 0===e,r=F(s)[4],c=F(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 t;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(t=a[1])&&void 0!==t?t:"");o.set("page",e.toLowerCase());let s=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(s,"_blank")};if(r){let n=a.find(n=>n.name.toLowerCase()===r);if(n)return(0,I.jsx)(V,{...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:t}),null==a?void 0:a.map((n,e)=>(0,I.jsxs)("div",{children:[(0,I.jsx)(S.A,{}),(0,I.jsx)(R.A,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,I.jsx)(V,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},z=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"}}]}]'),U=(n,e,t)=>n.map((n,a)=>{var i;return{...n,SlotCode:null==t?void 0:t[null!==(i=n.codeFileName)&&void 0!==i?i:n.name.replaceAll(" ","")],examples:n.examples.map((n,t)=>{var a,i,o,l;return{...n,example:e({...n.props,id:null!==(o=null===(a=n.props)||void 0===a?void 0:a.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})}})}}),q=n=>{let{variant:e,state:t,size:a,noText:i,icon:o,width:l,disabled:s,children:r,type:c}=n;return(0,I.jsx)(L.A,{variant:e,state:t,size:a,noText:i,icon:o,disabled:s,width:l,onClick:()=>{alert(r.toString())},type:c,children:r})},J=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"}}]}]'),G=n=>{let{href:e,variant:t,disabled:a,size:i,content:o,children:l}=n;return(0,I.jsx)(R.A,{href:e,variant:t,disabled:a,size:i,content:o,children:l})};var Y=t(64140),$=t(54116),K=t(50402);let Q=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"}}]}]'),X=n=>{let{behaviour:e,children:t,variant:a}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Y.A,{size:"small",semantic:"informational",icon:"none",children:t}),(0,I.jsxs)($.A,{behaviour:e,variant:a,children:[(0,I.jsx)(K.A,{headlinePlain:"Item 1",content:"Content 1"}),(0,I.jsx)(K.A,{headlinePlain:"Item 2",content:"Content 2"}),(0,I.jsx)(K.A,{headlinePlain:"Item 3",content:"Content 3"})]})]})},Z=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}}]}]'),nn=n=>{let{children:e,disabled:t,open:a,headlinePlain:i}=n;return(0,I.jsx)(K.A,{headlinePlain:i,disabled:t,defaultOpen:a,children:e})},ne=n=>(0,I.jsx)(W,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(Z,nn,n.slotCode)});var nt=t(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 ni=t(39907);let no=n=>{var e,t;let{children:a,hideLogo:i,customLogo:o}=n;return(0,I.jsxs)(nt.A,{hideLogo:i,children:[o&&(0,I.jsx)("img",{src:"".concat(null!==(t=null==ni?void 0:null===(e=ni.env)||void 0===e?void 0:"/mono/review/docs-input-example-copy-code")&&void 0!==t?t:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),a]})};var nl=t(20156);let ns=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"}}]}]'),nr=n=>{let{children:e,width:t,emphasis:a,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,I.jsxs)(L.A,{children:[e,(0,I.jsx)(nl.A,{width:t,emphasis:a,placement:i,animation:s,delay:o,variant:r,children:l})]})},nc=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"}}]}]'),nd=n=>{let{semantic:e,size:t,icon:a,children:i}=n;return(0,I.jsx)(Y.A,{semantic:e,size:t,icon:a,children:i})};var nb=t(85776);let nh=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":{"id":"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"}}]}]}]}]'),nu=n=>{let{semantic:e,disabled:t,children:a,icon:i,overflow:o,noText:l,behaviour:s,emphasis:r,removeButton:c,checked:d,component:b,identifier:h}=n,[u,p]=(0,H.useState)(null!=d&&d);return(0,I.jsxs)(nb.A,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,I.jsx)("button",{children:a}),"link"===b&&(0,I.jsx)("a",{href:"#",children:a}),"checkbox"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"checkbox",checked:u,disabled:t,onChange:n=>{p(n.target.checked)}}),a]}),"radio"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"radio",checked:d,name:h}),a]}),!b&&!o&&(0,I.jsx)(I.Fragment,{children:a}),!b&&o&&(0,I.jsx)("span",{children:a})]})};var np=t(79834),nx=t(97518),ng=t(10300),nm=t(7852);let nv=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"}}]}]'),nD=n=>{let{children:e,orientation:t,width:a,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,I.jsxs)("div",{className:"w-full",children:[(0,I.jsxs)(Y.A,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,I.jsxs)(np.A,{orientation:t,width:a,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Test 1"}),(0,I.jsx)(ng.A,{children:"Test 2"}),(0,I.jsx)(ng.A,{children:"Test 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ng.A,{children:"Test 4"}),(0,I.jsx)(ng.A,{children:"Test 5"})]})]}),(0,I.jsx)(nm.A,{children:"Tab Panel 1"}),(0,I.jsx)(nm.A,{children:"Tab Panel 2"}),(0,I.jsx)(nm.A,{children:"Tab Panel 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nm.A,{children:"Tab Panel 4"}),(0,I.jsx)(nm.A,{children:"Tab Panel 5"})]})]})]})},nB=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"}}]}]'),nj=n=>{let{children:e,active:t,noText:a,icon:i,iconAfter:o,disabled:l}=n;return(0,I.jsx)(nx.A,{children:(0,I.jsx)(ng.A,{active:t,noText:a,icon:i,iconAfter:o,disabled:l,children:e})})},nT=n=>(0,I.jsx)(W,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(nB,nj,n.slotCode)});var nA=t(39892);let nf=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"}}]}]'),nk=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c}=n;return(0,I.jsx)(nA.A,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:s,variant:c,indeterminate:r,children:l})};var ny=t(59916);let nw=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","codeFileName":"ExampleTypes","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","codeFileName":"ExampleTypesFloatingLabel","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"}}]}]'),nC=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nN=n=>{let{label:e,value:t,type:a,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:t,type:a,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,dataList:u?nC(b):void 0})};var nI=t(85980);let nL=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"}}]}]'),nH=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:l,disabled:s,value:r,variant:c}=n;return(0,I.jsx)(nI.A,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:s,variant:c,value:r,children:l})};var n_=t(47982);let nS=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}}]}]'),nR=n=>{let{children:e,label:t,options:a,icon:i,message:o,disabled:l,value:s,required:r,variant:c}=n,[d,b]=(0,H.useState)(s);return(0,I.jsx)(n_.A,{label:t,placeholder:e,options:a,disabled:l,variant:c,icon:i,value:d,onChange:n=>{b(n.target.value)},message:o,required:r,children:e})};var nP=t(98142);let nE=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"}}]}]'),nO=n=>{let{children:e,checked:t,visualAid:a,disabled:i,variant:o,emphasis:l,size:s,icon:r,iconAfter:c}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nP.A,{visualAid:a,defaultChecked:t,disabled:i,variant:o,size:s,emphasis:l,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,I.jsx)(Y.A,{semantic:"informational",icon:"none",children:e})]})};var nF=t(85194);let nM=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."}}]}]'),nV=n=>{let{cols:e,disabled:t,message:a,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b}=n,[h,u]=(0,H.useState)(s);return(0,I.jsx)(nF.A,{cols:e,disabled:t,message:a,label:i,variant:b,readOnly:r,onChange:n=>{u(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var nW=t(91836);let nz=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 nU=t(39907);let nq=()=>{var n,e;return(null==nU?void 0:null===(n=nU.env)||void 0===n?void 0:"/mono/review/docs-input-example-copy-code")?"/mono/review/docs-input-example-copy-code":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nJ=n=>{let{semantic:e,icon:t,headline:a,variant:i,children:o,behaviour:l,link:s,timestamp:r,linkVariant:c,img:d}=n;return(0,I.jsx)(nW.A,{semantic:e,icon:t,headline:a,link:s?(0,I.jsx)(R.A,{href:"#",children:"Textlink"}):void 0,image:d?(0,I.jsx)("img",{src:"".concat(nq(),"/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 nG=t(22076),nY=t(80692);let n$=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"}}]}]'),nK=n=>{let{children:e,semantic:t,emphasis:a,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)(nG.A,{semantic:t,emphasis:a,size:o,children:i?"":e}),i&&(0,I.jsx)(Y.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(L.A,{icon:"person",variant:"outlined",noText:!0,children:[(0,I.jsx)(nG.A,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,I.jsx)(Y.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)(nY.A,{icon:"person"}),(0,I.jsx)("span",{children:e}),(0,I.jsx)(nG.A,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,I.jsx)(nY.A,{icon:"error"})]})}),"icon"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nG.A,{semantic:"critical",emphasis:"strong",size:o,children:(0,I.jsx)(nY.A,{icon:"person",children:e})}),(0,I.jsx)(Y.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nG.A,{semantic:"successful",children:"9"}),(0,I.jsx)(nG.A,{semantic:"informational",children:"12"}),(0,I.jsx)(nG.A,{semantic:"warning",children:"123"}),(0,I.jsx)(nG.A,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,I.jsx)(nG.A,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,I.jsx)(nG.A,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,I.jsx)(Y.A,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},nQ=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"}}]}]'),nX=n=>{let{behaviour:e,children:t,spacing:a,elevationLevel:i}=n;return(0,I.jsx)(_.A,{behaviour:e,spacing:a,elevationLevel:i,children:(0,I.jsx)("strong",{children:t})})},nZ=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"}}]}]'),n0=n=>{let{variant:e,emphasis:t,children:a,width:i}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Y.A,{size:"small",semantic:"informational",children:a}),(0,I.jsx)(S.A,{variant:e,emphasis:t,width:i})]})};var n1=t(87612);let n2=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)"}}]}]'),n3=n=>{let{id:e,width:t,rounded:a,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c,variant:d}=n;return(0,I.jsxs)("div",{children:[(0,I.jsxs)(L.A,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,I.jsx)(n1.A,{rounded:a,width:t,spacing:i,backdrop:c,direction:s,variant:d,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n5=t(23116),n4=t(61338),n7=t(6900);let n9=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:t,burgerMenuLabel:a,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)(n5.A,{width:d,brand:(0,I.jsx)(nt.A,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(R.A,{href:"#",children:"Imprint"}),(0,I.jsx)(R.A,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,I.jsx)(L.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(L.A,{icon:"person",variant:"ghost",noText:!0,children:"Profile"}),(0,I.jsx)(L.A,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,I.jsx)(L.A,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:t,burgerMenuLabel:a,className:o,describedbyid:l,id:s,onToggle:c,children:(!b||h)&&(0,I.jsxs)(n4.A,{"aria-label":i,children:[(0,I.jsx)(n7.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:i})}),(0,I.jsx)(n7.A,{disabled:!0,children:(0,I.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n8=t(12764);let en=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"}}]}]'),ee=n=>{let{width:e,spacing:t,children:a}=n;return(0,I.jsxs)(n8.A,{className:"db-informational-bg-basic-level-2 section-card-container",spacing:t,width:e,children:[(0,I.jsx)(_.A,{children:a}),(0,I.jsx)(_.A,{children:a}),(0,I.jsx)(_.A,{children:a}),(0,I.jsx)(_.A,{children:a})]})},et=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,t="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,I.jsxs)("div",{children:[(0,I.jsx)(Y.A,{id:t,size:"small",semantic:"informational",icon:"none",children:e}),(0,I.jsxs)(n4.A,{labelledBy:t,children:[(0,I.jsx)(n7.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n7.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n7.A,{children:(0,I.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,I.jsx)(n7.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,I.jsx)(n7.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,I.jsx)(n7.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,I.jsx)(n7.A,{disabled:!0,children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},ei=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"}]}]}]'),eo=n=>{let{children:e,icon:t,disabled:a,active:i,width:o,areaPopup:l}=n;return(0,I.jsx)("ul",{children:(0,I.jsx)(n7.A,{icon:t,disabled:a,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,I.jsxs)("ul",{children:[(0,I.jsx)(n7.A,{children:(0,I.jsx)("a",{href:"#",children:"Test1"})}),(0,I.jsx)(n7.A,{children:(0,I.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,I.jsx)("a",{href:"#",children:e})})})},el=n=>(0,I.jsx)(W,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(ei,eo,n.slotCode)});var es=t(36428);let er=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"}}]}]'),ec=n=>{let{id:e,children:t,width:a,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,I.jsx)(es.A,{trigger:(0,I.jsx)(L.A,{children:t}),width:a,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)(L.A,{children:"Popover Custom Item 3"})]})})},ed=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eb=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eh=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eu=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ep=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ex=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eg=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},em=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ev=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eD=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eB=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ej=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
'),navigator.clipboard.writeText('
    \n
  • \n
    \n Item 1\n
    Content 1
    \n
    \n
    • \n
  • \n
    \n Item 2\n
    Content 2
    \n
    \n
    • \n
  • \n
    \n Item 3\n
    Content 3
    \n
    \n
    • \n
')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ef=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Functional\n
    Functional
    \n
    \n
    • '})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n Functional\n
    Functional
    \n
    \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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 Expressive\n
    Expressive
    \n
    \n
    • '})}),(0,I.jsx)(L.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • '),navigator.clipboard.writeText('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ek=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ew=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eC=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eS=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eR=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eP=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eE=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eO=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eM=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eV=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.A,{className:"copy-button",noText:!0,icon:'
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eW=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ez=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eU=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eq=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eJ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eQ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eX=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},eZ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e0=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e1=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e2=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e3=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e5=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e4=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e7=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},e9=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},tn=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},te=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},tt=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ta=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ti=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},to=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},tl=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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)(L.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"})]})]})})]})},ts=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.A,{className:"tab-container",children:(0,I.jsxs)(np.A,{children:[(0,I.jsxs)(nx.A,{children:[(0,I.jsx)(ng.A,{children:"Angular"}),(0,I.jsx)(ng.A,{children:"HTML"}),(0,I.jsx)(ng.A,{children:"React"}),(0,I.jsx)(ng.A,{children:"Vue"})]}),(0,I.jsxs)(nm.A,{children:[(0,I.jsx)(R.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)(L.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)(nm.A,{children:[(0,I.jsx)(R.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:'