From d4a8bcfb1de0feb0d336effb9ff4d1ae33d90cff Mon Sep 17 00:00:00 2001 From: nmerget Date: Tue, 19 Nov 2024 11:23:41 +0000 Subject: [PATCH] deploy: 766d16ed9b4f1db317d826d9d213a1d8b2e87c6a --- review/refactor-section-inner-div/404.html | 1 + .../6Y-Kl8P9sbcvB_-H_Ddch/components.json | 1 + .../components/accordion-item.json | 1 + .../components/accordion-item/overview.json | 1 + .../components/accordion.json | 1 + .../components/accordion/overview.json | 1 + .../components/action.json | 1 + .../components/action/button.json | 1 + .../components/action/button/overview.json | 1 + .../components/action/link.json | 1 + .../components/action/link/overview.json | 1 + .../components/badge.json | 1 + .../components/badge/overview.json | 1 + .../components/brand.json | 1 + .../components/brand/overview.json | 1 + .../components/button.json | 1 + .../components/button/overview.json | 1 + .../components/card.json | 1 + .../components/card/overview.json | 1 + .../components/checkbox.json | 1 + .../components/checkbox/overview.json | 1 + .../components/data-display.json | 1 + .../data-display/accordion-item.json | 1 + .../data-display/accordion-item/overview.json | 1 + .../components/data-display/accordion.json | 1 + .../data-display/accordion/overview.json | 1 + .../components/data-display/brand.json | 1 + .../data-display/brand/overview.json | 1 + .../components/data-display/infotext.json | 1 + .../data-display/infotext/overview.json | 1 + .../components/data-display/tab-item.json | 1 + .../data-display/tab-item/overview.json | 1 + .../components/data-display/tabs.json | 1 + .../data-display/tabs/overview.json | 1 + .../components/data-display/tag.json | 1 + .../components/data-display/tag/overview.json | 1 + .../components/data-display/tooltip.json | 1 + .../data-display/tooltip/overview.json | 1 + .../components/data-input.json | 1 + .../components/data-input/checkbox.json | 1 + .../data-input/checkbox/overview.json | 1 + .../components/data-input/input.json | 1 + .../components/data-input/input/overview.json | 1 + .../components/data-input/radio.json | 1 + .../components/data-input/radio/overview.json | 1 + .../components/data-input/select.json | 1 + .../data-input/select/overview.json | 1 + .../components/data-input/switch.json | 1 + .../data-input/switch/overview.json | 1 + .../components/data-input/textarea.json | 1 + .../data-input/textarea/overview.json | 1 + .../components/divider.json | 1 + .../components/divider/overview.json | 1 + .../components/drawer.json | 1 + .../components/drawer/overview.json | 1 + .../components/feedback.json | 1 + .../components/feedback/badge.json | 1 + .../components/feedback/badge/overview.json | 1 + .../components/feedback/notification.json | 1 + .../feedback/notification/overview.json | 1 + .../components/header.json | 1 + .../components/header/overview.json | 1 + .../components/infotext.json | 1 + .../components/infotext/overview.json | 1 + .../components/input.json | 1 + .../components/input/overview.json | 1 + .../components/layout.json | 1 + .../components/layout/card.json | 1 + .../components/layout/card/overview.json | 1 + .../components/layout/divider.json | 1 + .../components/layout/divider/overview.json | 1 + .../components/layout/drawer.json | 1 + .../components/layout/drawer/overview.json | 1 + .../components/layout/header.json | 1 + .../components/layout/header/overview.json | 1 + .../components/layout/section.json | 1 + .../components/layout/section/overview.json | 1 + .../components/link.json | 1 + .../components/link/overview.json | 1 + .../components/navigation-item.json | 1 + .../components/navigation-item/overview.json | 1 + .../components/navigation.json | 1 + .../navigation/navigation-item.json | 1 + .../navigation/navigation-item/overview.json | 1 + .../components/navigation/navigation.json | 1 + .../navigation/navigation/overview.json | 1 + .../components/navigation/overview.json | 1 + .../components/notification.json | 1 + .../components/notification/overview.json | 1 + .../components/popover.json | 1 + .../components/popover/overview.json | 1 + .../components/radio.json | 1 + .../components/radio/overview.json | 1 + .../components/section.json | 1 + .../components/section/overview.json | 1 + .../components/select.json | 1 + .../components/select/overview.json | 1 + .../components/switch.json | 1 + .../components/switch/overview.json | 1 + .../components/tab-item.json | 1 + .../components/tab-item/overview.json | 1 + .../components/tabs.json | 1 + .../components/tabs/overview.json | 1 + .../6Y-Kl8P9sbcvB_-H_Ddch/components/tag.json | 1 + .../components/tag/overview.json | 1 + .../components/textarea.json | 1 + .../components/textarea/overview.json | 1 + .../components/tooltip.json | 1 + .../components/tooltip/overview.json | 1 + .../components/utilities.json | 1 + .../components/utilities/popover.json | 1 + .../utilities/popover/overview.json | 1 + .../6Y-Kl8P9sbcvB_-H_Ddch/_buildManifest.js | 1 + .../6Y-Kl8P9sbcvB_-H_Ddch/_ssgManifest.js | 1 + .../static/chunks/1048-3eaf0a942fe12a1a.js | 1 + .../static/chunks/2372-20092661c9c777cc.js | 1 + .../static/chunks/3578-69ad1af34f693eb7.js | 2 + .../static/chunks/5486-fea82cd636d300f8.js | 1 + .../static/chunks/7019-0b8010dbdd3dbfbe.js | 1 + .../static/chunks/8250-a5005020b9961089.js | 1 + .../static/chunks/8367-ef0aa33c551d7f79.js | 1 + .../chunks/framework-0bec6825be25244a.js | 1 + .../static/chunks/main-71a9d5df1b3303b7.js | 1 + .../chunks/pages/404-1dc374602206b6dd.js | 1 + .../chunks/pages/_app-7c07ef91732d5845.js | 1 + .../chunks/pages/_error-4ce22c25a5e1e628.js | 1 + .../chunks/pages/base64-7004ad8813917883.js | 1 + .../[[...slug]]-b0e4e4d408dcab27.js | 1 + .../docs/Angular-6fb900a3b8d45cd8.js | 1 + .../docs/HTML-d2cb4ac201ea0479.js | 1 + .../docs/React-75465cabfbfd679e.js | 1 + .../docs/Vue-b7164eeed54c3545.js | 1 + .../properties-6c9d0d1834534a83.js | 1 + .../docs/Angular-bee657ea647360f7.js | 1 + .../accordion/docs/HTML-6c6ea829b7626a13.js | 1 + .../accordion/docs/React-3550dedddf1e881c.js | 1 + .../accordion/docs/Vue-73e56b7c28beeff1.js | 1 + .../accordion/properties-1ef436594322092e.js | 1 + .../button/docs/Angular-68ef945a4c5059cf.js | 1 + .../button/docs/HTML-afafc786a68f8aea.js | 1 + .../button/docs/Migration-cee25a698f22f567.js | 1 + .../button/docs/React-816bbba2bc11e8db.js | 1 + .../button/docs/Vue-cf349d79632ed646.js | 1 + .../button/how-to-use-ef21c08bb8c4ecaf.js | 1 + .../button/migration-843e051008147de1.js | 1 + .../button/properties-cebb9d931e9fbabb.js | 1 + .../link/docs/Angular-787546e6c4e4ec0a.js | 1 + .../action/link/docs/HTML-b0569e2648f085ce.js | 1 + .../link/docs/Migration-614f874534b78d3e.js | 1 + .../link/docs/React-562f02f7e5d6141e.js | 1 + .../action/link/docs/Vue-d10335232052693c.js | 1 + .../link/how-to-use-1ae993d38809dec2.js | 1 + .../action/link/migration-8a9329d8b6c2dbd1.js | 1 + .../link/properties-0ff89fe28e1c0efe.js | 1 + .../badge/docs/Angular-11e1aa6a2b0754c0.js | 1 + .../badge/docs/HTML-edf76c2d143eeb8a.js | 1 + .../badge/docs/React-735647b57389b849.js | 1 + .../badge/docs/Vue-6f645e62585d4b3a.js | 1 + .../badge/properties-4ef935df3a93cd28.js | 1 + .../brand/docs/Angular-a291d14caf6ca9e5.js | 1 + .../brand/docs/HTML-bd1bcdea07285ec8.js | 1 + .../brand/docs/React-77a0dd19ec1cdc68.js | 1 + .../brand/docs/Vue-f3429b356028f0f4.js | 1 + .../brand/properties-c171806714fa8cf8.js | 1 + .../button/docs/Angular-b10d7a45fb7b06c7.js | 1 + .../button/docs/HTML-7c833a118757a049.js | 1 + .../button/docs/React-f25d117919fb8c13.js | 1 + .../button/docs/Vue-b3db09da7aabfff1.js | 1 + .../button/properties-98049940efbc6edf.js | 1 + .../card/docs/Angular-6565441320abd022.js | 1 + .../card/docs/HTML-59247653155b862c.js | 1 + .../card/docs/React-869248f04fda8762.js | 1 + .../card/docs/Vue-f1789d238dcc9cb1.js | 1 + .../card/properties-803e072a198ee4f5.js | 1 + .../checkbox/docs/Angular-2cccd8288336325c.js | 1 + .../checkbox/docs/HTML-5560c094ac861d00.js | 1 + .../checkbox/docs/React-b1d53a4b3fad0899.js | 1 + .../checkbox/docs/Vue-233ab33a271c9eb0.js | 1 + .../checkbox/properties-2fab6692dc178123.js | 1 + .../docs/Angular-f493fcaedc11a196.js | 1 + .../docs/HTML-57fbc934e932c9c1.js | 1 + .../docs/Migration-2652120fd16fa964.js | 1 + .../docs/React-f7f8208efc2cccb8.js | 1 + .../docs/Vue-4ba22338f5597fac.js | 1 + .../how-to-use-6a1c94ab17baa12f.js | 1 + .../migration-0b76e947528d965d.js | 1 + .../properties-77d4b3e9bd603be6.js | 1 + .../docs/Angular-3574d9e2c5d3cb50.js | 1 + .../accordion/docs/HTML-587691511b8b07d4.js | 1 + .../docs/Migration-cd71b13a80cbe4d0.js | 1 + .../accordion/docs/React-1f670faacfd5bd34.js | 1 + .../accordion/docs/Vue-ed26bbc8726d913a.js | 1 + .../accordion/how-to-use-5baa5a600258bf38.js | 1 + .../accordion/migration-1ce9b8f75db55947.js | 1 + .../accordion/properties-5cdc0083430516bb.js | 1 + .../brand/docs/Angular-da67beb544bc0bc3.js | 1 + .../brand/docs/HTML-ff7abd50a812bf62.js | 1 + .../brand/docs/Migration-7045d1a6a659ab03.js | 1 + .../brand/docs/React-c70bb1f016880bef.js | 1 + .../brand/docs/Vue-355c839b9261fdea.js | 1 + .../brand/how-to-use-87509e0e4a3e0145.js | 1 + .../brand/migration-03eaf69fd7526a8d.js | 1 + .../brand/properties-e6aac644ff10c7f8.js | 1 + .../infotext/docs/Angular-c13d5918502e3e46.js | 1 + .../infotext/docs/HTML-2aeb7ca269f745c7.js | 1 + .../docs/Migration-226cb1a0949e0c0d.js | 1 + .../infotext/docs/React-a2bb8c0425cc4c28.js | 1 + .../infotext/docs/Vue-7fd4d3b161076c48.js | 1 + .../infotext/how-to-use-e9f59601ea57965b.js | 1 + .../infotext/migration-0748350f0228f5c2.js | 1 + .../infotext/properties-da38ac8a192809de.js | 1 + .../tab-item/docs/Angular-1a3da5514db972af.js | 1 + .../tab-item/docs/HTML-6cf7840a4c30b64d.js | 1 + .../docs/Migration-bdfbd48b9ec2a4e5.js | 1 + .../tab-item/docs/React-a116d1cc173bb077.js | 1 + .../tab-item/docs/Vue-d8d3bae482df7b3f.js | 1 + .../tab-item/how-to-use-3d6736b80b73a701.js | 1 + .../tab-item/migration-0442455511920774.js | 1 + .../tab-item/properties-f91d1de918e61c4e.js | 1 + .../tabs/docs/Angular-7eeff292d4463c39.js | 1 + .../tabs/docs/HTML-f8fa068c38f1eb4d.js | 1 + .../tabs/docs/Migration-c895c2420810805d.js | 1 + .../tabs/docs/React-bcb9e391b107d4a6.js | 1 + .../tabs/docs/Vue-b506976a13dd9042.js | 1 + .../tabs/how-to-use-2c74687df03fa939.js | 1 + .../tabs/migration-307f9fccd820c50c.js | 1 + .../tabs/properties-b5ec5a2ede1a3d6d.js | 1 + .../tag/docs/Angular-902d1df6bf6595eb.js | 1 + .../tag/docs/HTML-a4c99fad20b8c06d.js | 1 + .../tag/docs/Migration-c9c457286c334974.js | 1 + .../tag/docs/React-29ba4292a686cae7.js | 1 + .../tag/docs/Vue-b1f03ad9167736bc.js | 1 + .../tag/how-to-use-095c421e530ab03a.js | 1 + .../tag/migration-0c18664671c972f9.js | 1 + .../tag/properties-1787d1993886bac8.js | 1 + .../tooltip/docs/Angular-fdff493c2081406b.js | 1 + .../tooltip/docs/HTML-0a5b4a9c31ea3795.js | 1 + .../docs/Migration-28258718efd048ca.js | 1 + .../tooltip/docs/React-fc7f39ec400da4cb.js | 1 + .../tooltip/docs/Vue-fd2183ba523f383a.js | 1 + .../tooltip/how-to-use-d2f2b2f03172d233.js | 1 + .../tooltip/migration-ce32296fa37df126.js | 1 + .../tooltip/properties-4943f401ab70dddf.js | 1 + .../checkbox/docs/Angular-46c5ada759b90a12.js | 1 + .../checkbox/docs/HTML-474ed63663e97e73.js | 1 + .../docs/Migration-e7721f4c6c8d2a0e.js | 1 + .../checkbox/docs/React-ef561ba1d6504d40.js | 1 + .../checkbox/docs/Vue-36f7d11fe58e8af6.js | 1 + .../checkbox/how-to-use-6d264062e03b831e.js | 1 + .../checkbox/migration-f3375262c645b476.js | 1 + .../checkbox/properties-5571af70e787c80a.js | 1 + .../input/docs/Angular-6f5b3676d56bd1ed.js | 1 + .../input/docs/HTML-d7eb56a6619d64b6.js | 1 + .../input/docs/Migration-c6eb2ded4be13a51.js | 1 + .../input/docs/React-a5d9f80b9130e88a.js | 1 + .../input/docs/Vue-c345a376f7066fe8.js | 1 + .../input/how-to-use-3a5bc74f392e5ad5.js | 1 + .../input/migration-660c5413bced2d8c.js | 1 + .../input/properties-58259c6c65ac9c93.js | 1 + .../radio/docs/Angular-88aa0298cbd0bc04.js | 1 + .../radio/docs/HTML-7be378f7f55a2a2a.js | 1 + .../radio/docs/Migration-facf43d8b5c309ba.js | 1 + .../radio/docs/React-d615367f1ec6ef4c.js | 1 + .../radio/docs/Vue-bb858e005342be33.js | 1 + .../radio/how-to-use-d6c516bffa90d1e8.js | 1 + .../radio/migration-1707d09a8807fe05.js | 1 + .../radio/properties-3b47e45012617d20.js | 1 + .../select/docs/Angular-4776a05c1e753452.js | 1 + .../select/docs/HTML-a0a5eb1f0e248b3f.js | 1 + .../select/docs/Migration-6f0d3b941b1a435b.js | 1 + .../select/docs/React-7bddecedbab71f25.js | 1 + .../select/docs/Vue-2dd2115e4c41930e.js | 1 + .../select/how-to-use-649e838660db02b7.js | 1 + .../select/migration-930ad725c827fde5.js | 1 + .../select/properties-98e8c808b2dc5091.js | 1 + .../switch/docs/Angular-52d4f95061cd41ff.js | 1 + .../switch/docs/HTML-ac5d2a943ab4027e.js | 1 + .../switch/docs/Migration-bdf402103d2ee651.js | 1 + .../switch/docs/React-b2e407c244ab83ac.js | 1 + .../switch/docs/Vue-5d5fe46230a32d17.js | 1 + .../switch/how-to-use-818fb69cebabb371.js | 1 + .../switch/migration-6c2887788e8388ee.js | 1 + .../switch/properties-6eb55a3e94115ee8.js | 1 + .../textarea/docs/Angular-62db8bfbb2bd3977.js | 1 + .../textarea/docs/HTML-d89a29b3cdf38706.js | 1 + .../docs/Migration-0741a60c87051dd7.js | 1 + .../textarea/docs/React-c3504ff5fef22450.js | 1 + .../textarea/docs/Vue-07e5e471387a7420.js | 1 + .../textarea/how-to-use-4e1f6a959ca6d50b.js | 1 + .../textarea/migration-661efab9b6e47e91.js | 1 + .../textarea/properties-9339b84f7217c091.js | 1 + .../divider/docs/Angular-848372ce59524ce0.js | 1 + .../divider/docs/HTML-abb20273b3d650a1.js | 1 + .../divider/docs/React-df310eebd2e83f7b.js | 1 + .../divider/docs/Vue-fbdd4b4cc6231de4.js | 1 + .../divider/properties-132c35b11c2eb87a.js | 1 + .../drawer/docs/Angular-8069633ed9260255.js | 1 + .../drawer/docs/HTML-76241b00dd78bff6.js | 1 + .../drawer/docs/React-c90c684a3d0acb30.js | 1 + .../drawer/docs/Vue-a2f950934248d83a.js | 1 + .../drawer/properties-e5a4fb234f9ec5cb.js | 1 + .../badge/docs/Angular-c2a2eb52254d98d1.js | 1 + .../badge/docs/HTML-48fb1d933d8fa67d.js | 1 + .../badge/docs/Migration-299516c93d5b7e0f.js | 1 + .../badge/docs/React-1a4dddf1db7ec6d8.js | 1 + .../badge/docs/Vue-c3deea293876fc68.js | 1 + .../badge/how-to-use-d3ef686b5ecec463.js | 1 + .../badge/migration-3c2f2020c3a8272f.js | 1 + .../badge/properties-72bd031f7b920fdd.js | 1 + .../docs/Angular-76441062b48182d8.js | 1 + .../docs/HTML-df6d4d6224eeb7ba.js | 1 + .../docs/Migration-8228ddd9fd046fdf.js | 1 + .../docs/React-256a180d37cc9a3f.js | 1 + .../notification/docs/Vue-92fe84fb2168c9fc.js | 1 + .../how-to-use-1d3784921af7ac1a.js | 1 + .../migration-c659d62f4198e415.js | 1 + .../properties-91d0ac15ea5f6b61.js | 1 + .../header/docs/Angular-d6db85fb3c77cd0c.js | 1 + .../header/docs/HTML-6c6bfa0f746d5c74.js | 1 + .../header/docs/React-0ceda8e1a9195b52.js | 1 + .../header/docs/Vue-fb341f47d03dbed1.js | 1 + .../header/properties-f04069d0fb96f75c.js | 1 + .../infotext/docs/Angular-029df7e88e24073a.js | 1 + .../infotext/docs/HTML-35700d0e47d2a2c5.js | 1 + .../infotext/docs/React-4fcddc99c6a508b1.js | 1 + .../infotext/docs/Vue-b885d98deed3c5da.js | 1 + .../infotext/properties-eaa12deee078d849.js | 1 + .../input/docs/Angular-d6ae8bee2f1c5d14.js | 1 + .../input/docs/HTML-8789e89617280aa6.js | 1 + .../input/docs/React-7ba940c1e3f59fda.js | 1 + .../input/docs/Vue-f02639305a230d1c.js | 1 + .../input/properties-06748996a775b96b.js | 1 + .../card/docs/Angular-83b3956b480d3826.js | 1 + .../layout/card/docs/HTML-aa1359762ca14122.js | 1 + .../card/docs/Migration-32cbf03f5ea8a64e.js | 1 + .../card/docs/React-9f9bb094ebfaa107.js | 1 + .../layout/card/docs/Vue-c47ffd9834509d8f.js | 1 + .../card/how-to-use-fcfba316a7d5c69d.js | 1 + .../layout/card/migration-f59ec3cff121f1e8.js | 1 + .../card/properties-d75d22e7e3264b2b.js | 1 + .../divider/docs/Angular-273043fbbd3b0a4b.js | 1 + .../divider/docs/HTML-4a4e28916d762c5b.js | 1 + .../docs/Migration-cbd46ca35e8c2734.js | 1 + .../divider/docs/React-0f24c34d60a9cb61.js | 1 + .../divider/docs/Vue-39c9e35b18dc93b4.js | 1 + .../divider/how-to-use-11bc21e7a36c9a63.js | 1 + .../divider/migration-7c0508494da7d81d.js | 1 + .../divider/properties-bcfe09c7b9c4650b.js | 1 + .../drawer/docs/Angular-a4423ca96a426f52.js | 1 + .../drawer/docs/HTML-3bd750632e20dd4f.js | 1 + .../drawer/docs/Migration-7929966201479f72.js | 1 + .../drawer/docs/React-ebf27470dcebb491.js | 1 + .../drawer/docs/Vue-9acc2cc130fa867e.js | 1 + .../drawer/how-to-use-5b69eae4ac8b2e6a.js | 1 + .../drawer/migration-799f15fce35f7b13.js | 1 + .../drawer/properties-55d5d7d1b1cc6330.js | 1 + .../header/docs/Angular-611d688f688c5654.js | 1 + .../header/docs/HTML-6241321c8f38c80f.js | 1 + .../header/docs/Migration-b7d33d3d0ffa7e67.js | 1 + .../header/docs/React-8a4a4c3194be605c.js | 1 + .../header/docs/Vue-d33b82ff7a47a4f6.js | 1 + .../header/how-to-use-4e643db5f7de8e62.js | 1 + .../header/migration-f55ccef6dfeddc26.js | 1 + .../header/properties-8549dcfe95e200d2.js | 1 + .../section/docs/Angular-b6f57b91d71c977f.js | 1 + .../section/docs/HTML-c8bff2e1252f6644.js | 1 + .../docs/Migration-e9cf2415558b1572.js | 1 + .../section/docs/React-6274e995ce7a2a44.js | 1 + .../section/docs/Vue-d6d06a79feb49ff5.js | 1 + .../section/how-to-use-c000fa8da70ec824.js | 1 + .../section/migration-ec1cc07dfddd431a.js | 1 + .../section/properties-1bbaa33cf6619cbe.js | 1 + .../link/docs/Angular-c557e051fe72eff3.js | 1 + .../link/docs/HTML-a293b582fb14d5c1.js | 1 + .../link/docs/React-cd0a6477ee76e7f3.js | 1 + .../link/docs/Vue-ff9f183523013acc.js | 1 + .../link/properties-204b8133f2c18c33.js | 1 + .../docs/Angular-80865137d7a05127.js | 1 + .../docs/HTML-d7d2122aece21518.js | 1 + .../docs/React-e8b10bc713471324.js | 1 + .../docs/Vue-a34c5798bfc4140d.js | 1 + .../properties-98fc974a6876f166.js | 1 + .../docs/Angular-57f1213f9d9d512c.js | 1 + .../navigation/docs/HTML-719eb6daa87997df.js | 1 + .../navigation/docs/React-87c25dc260431a24.js | 1 + .../navigation/docs/Vue-0d8547ebad390ea2.js | 1 + .../docs/Angular-1f0ef0c1ce5ffc0d.js | 1 + .../docs/HTML-fea8bc30983e5ef1.js | 1 + .../docs/Migration-94215ba466c61144.js | 1 + .../docs/React-fa8d0c363199b137.js | 1 + .../docs/Vue-85a8645c182ada48.js | 1 + .../how-to-use-201e5317e7effe51.js | 1 + .../migration-4f57cd29a4d14b3e.js | 1 + .../properties-daf1ade1ccf21835.js | 1 + .../docs/Accessibility-9d7458c3e7f0450b.js | 1 + .../docs/Angular-5495f124f7d39e42.js | 1 + .../navigation/docs/HTML-731be6ec0ec28aa8.js | 1 + .../docs/Migration-38d3aaf12e1324a9.js | 1 + .../navigation/docs/React-c40873df285fbb0a.js | 1 + .../navigation/docs/Vue-a2007328d8ead26b.js | 1 + .../navigation/how-to-use-30a5935212de343a.js | 1 + .../navigation/migration-18b557c065f754ba.js | 1 + .../navigation/properties-abbad43c7cde8f16.js | 1 + .../navigation/properties-0c401bb9a064120b.js | 1 + .../docs/Angular-cb700bdf47cbf778.js | 1 + .../docs/HTML-af94a59aafcf6b30.js | 1 + .../docs/React-45bc47c13f4c720c.js | 1 + .../notification/docs/Vue-fb4e2a8119ff3a4d.js | 1 + .../properties-ef866e934526563d.js | 1 + .../popover/docs/Angular-2e6be0c048a2d504.js | 1 + .../popover/docs/HTML-57283f7fb20c84cc.js | 1 + .../popover/docs/React-7e689ab9954b8f13.js | 1 + .../popover/docs/Vue-9d08df68a2bf541a.js | 1 + .../popover/properties-0ec25b24e9caf9e5.js | 1 + .../radio/docs/Angular-c4c4ca2dc7e396cd.js | 1 + .../radio/docs/HTML-e204f6a5628c3b80.js | 1 + .../radio/docs/React-e1386bdd6ca65dfb.js | 1 + .../radio/docs/Vue-814c5ea1dedc519b.js | 1 + .../radio/properties-f8d5085f5443fbfa.js | 1 + .../components/readme-9ee93c686ce00276.js | 1 + .../router-usage-4d5cc7fd51aa6f30.js | 1 + .../section/docs/Angular-14626a003bef4d4b.js | 1 + .../section/docs/HTML-9d9505abf1ba02dd.js | 1 + .../section/docs/React-3b152aa84ed8aa28.js | 1 + .../section/docs/Vue-a2d42a9e5e41c774.js | 1 + .../section/properties-3c2f0e2041625a2d.js | 1 + .../select/docs/Angular-a159c9bb4ac6d415.js | 1 + .../select/docs/HTML-e3001202aa0d1def.js | 1 + .../select/docs/React-b7065c15ea5d757f.js | 1 + .../select/docs/Vue-34d551db7cfa9ce2.js | 1 + .../select/properties-2557f372b8f2ba4b.js | 1 + .../switch/docs/Angular-cd5e7a3f3ed3c3be.js | 1 + .../switch/docs/HTML-e81aae661bffb94f.js | 1 + .../switch/docs/React-a59d3ec4076b9f49.js | 1 + .../switch/docs/Vue-10ad716bdce0e825.js | 1 + .../switch/properties-bddecebf4ed0f381.js | 1 + .../tab-item/docs/Angular-9235d536e2876206.js | 1 + .../tab-item/docs/HTML-7a689cbabab9199c.js | 1 + .../tab-item/docs/React-9529ac1131850935.js | 1 + .../tab-item/docs/Vue-768d4df59c0bb58c.js | 1 + .../tab-item/properties-191024a9cc4c9f63.js | 1 + .../tabs/docs/Angular-919f1e58f52d5484.js | 1 + .../tabs/docs/HTML-3f312a4e1c791452.js | 1 + .../tabs/docs/React-a2c77e4171a982f2.js | 1 + .../tabs/docs/Vue-35411c759a936196.js | 1 + .../tabs/properties-bb41637c28b3a72b.js | 1 + .../tag/docs/Angular-8fc2845aca9743ee.js | 1 + .../tag/docs/HTML-c494f4fdba577d06.js | 1 + .../tag/docs/React-e2e8b6713aded754.js | 1 + .../tag/docs/Vue-ade88bab3653d67f.js | 1 + .../tag/properties-5710259116fc7a16.js | 1 + .../textarea/docs/Angular-12b7c1a1b4b01b11.js | 1 + .../textarea/docs/HTML-2975997c684f147a.js | 1 + .../textarea/docs/React-27d8d92e8c087532.js | 1 + .../textarea/docs/Vue-1516d92ac5385a81.js | 1 + .../textarea/properties-88a7e00f6fb776fa.js | 1 + .../tooltip/docs/Angular-fcc34aac076599bf.js | 1 + .../tooltip/docs/HTML-78f47395a80e9e91.js | 1 + .../tooltip/docs/React-979b48c30c549fd1.js | 1 + .../tooltip/docs/Vue-44cb6aac3ef21034.js | 1 + .../tooltip/properties-224f6c29f9692037.js | 1 + .../popover/docs/Angular-fdb60ea84f3a6851.js | 1 + .../popover/docs/HTML-c5cfbf0dfbf48445.js | 1 + .../docs/Migration-a28f80ab565cf555.js | 1 + .../popover/docs/React-0da48ca3bb12c508.js | 1 + .../popover/docs/Vue-63e53ccbe03d56c2.js | 1 + .../popover/how-to-use-4c7022e69020a3c7.js | 1 + .../popover/migration-633541f0e36e4836.js | 1 + .../popover/properties-f739b96105c8feeb.js | 1 + .../components/validation-f9b3184f3c2efb2c.js | 1 + .../pages/foundations-b0b37e325f2c5890.js | 1 + .../foundations/colors-bdecbb9f758f6cdc.js | 1 + .../colors/color-classes-834c92cbe90d49a8.js | 1 + .../colors/color-schemes-76616368a172e58c.js | 1 + .../color-usage-guide-a20c8ed53038a604.js | 1 + .../colors/readme-a073cab18c0b35f9.js | 1 + .../foundations/densities-89290b5a540efece.js | 1 + .../densities/examples-c78089a66328b8fd.js | 1 + .../densities/readme-8f947e9e943a4ef4.js | 1 + .../font-sizes-fcf435be9c8314ed.js | 1 + .../font-sizes/overview-f4ec32210bb59237.js | 1 + .../font-sizes/readme-cd0aaec294485580.js | 1 + .../foundations/icons-4b0ad06d7c405889.js | 1 + .../icons/custom-icons-8129e40a8bfab848.js | 1 + .../icons/overview-a56cedd820fb9ce1.js | 1 + .../icons/readme-18f0c7eb0ee0611b.js | 1 + .../pages/foundations/ide-77f851a7da7abb01.js | 1 + .../foundations/readme-cd23e594047b295f.js | 1 + .../test-table-dc8d19a1a1b888f7.js | 1 + .../foundations/variables-40381cca20a4566a.js | 1 + .../variables/examples-e8f62814bfec2ff2.js | 1 + .../variables/readme-f5547114badfe211.js | 1 + .../chunks/pages/iframe-83a3751c69d376d2.js | 1 + .../chunks/pages/index-b9ba68d5ea8174ee.js | 1 + .../chunks/polyfills-42372ed130431b0a.js | 1 + .../static/chunks/webpack-c5b1212d06c810ca.js | 1 + .../_next/static/css/6fd6f6b7d2d95306.css | 1 + .../static/media/checkerboard.c3e3e675.png | Bin 0 -> 1014 bytes .../_next/static/media/db-ux.205dc887.woff2 | Bin 0 -> 42416 bytes .../_next/static/media/db-ux.21be9c0f.woff2 | Bin 0 -> 52200 bytes .../_next/static/media/db-ux.2233d492.woff2 | Bin 0 -> 52200 bytes .../_next/static/media/db-ux.25791391.woff2 | Bin 0 -> 43392 bytes .../_next/static/media/db-ux.4210e4e3.woff2 | Bin 0 -> 40916 bytes .../_next/static/media/db-ux.483eb0d9.woff2 | Bin 0 -> 48704 bytes .../_next/static/media/db-ux.4dacd673.woff2 | Bin 0 -> 51256 bytes .../_next/static/media/db-ux.5a749d05.woff2 | Bin 0 -> 48304 bytes .../_next/static/media/db-ux.6de7d72d.woff2 | Bin 0 -> 52168 bytes .../_next/static/media/db-ux.6e063a4e.woff2 | Bin 0 -> 48972 bytes .../_next/static/media/db-ux.85955b27.woff2 | Bin 0 -> 51316 bytes .../_next/static/media/db-ux.8a8769bc.woff2 | Bin 0 -> 45956 bytes .../_next/static/media/db-ux.8aa567f6.woff2 | Bin 0 -> 43656 bytes .../_next/static/media/db-ux.8b3540a4.woff2 | Bin 0 -> 42816 bytes .../_next/static/media/db-ux.a8724c15.woff2 | Bin 0 -> 48284 bytes .../_next/static/media/db-ux.bd04289e.woff2 | Bin 0 -> 48304 bytes .../_next/static/media/db-ux.ca70f77c.woff2 | Bin 0 -> 52232 bytes .../_next/static/media/db-ux.e015d9e0.woff2 | Bin 0 -> 51328 bytes .../_next/static/media/db-ux.e374db5e.woff2 | Bin 0 -> 51296 bytes .../_next/static/media/db-ux.e71e4b93.woff2 | Bin 0 -> 48304 bytes .../_next/static/media/db-ux.ef708404.woff2 | Bin 0 -> 41072 bytes .../media/dbscreenhead-black.8003423d.woff2 | Bin 0 -> 35428 bytes .../media/dbscreenhead-light.f43da5c1.woff2 | Bin 0 -> 33520 bytes .../media/dbscreenhead-regular.c08dcf80.woff2 | Bin 0 -> 33544 bytes .../media/dbscreensans-bold.97637e71.woff2 | Bin 0 -> 24332 bytes ...dbscreensans-digitalregular.06a7ba06.woff2 | Bin 0 -> 24572 bytes .../media/dbscreensans-medium.c023f5c3.woff2 | Bin 0 -> 24740 bytes .../media/dbscreensans-regular.6ef88637.woff2 | Bin 0 -> 24188 bytes .../dbscreensans-semibold.8a157062.woff2 | Bin 0 -> 25152 bytes .../assets/images/checkerboard.png | Bin 0 -> 1014 bytes .../assets/images/placeholder.jpg | Bin 0 -> 1315 bytes review/refactor-section-inner-div/base64.html | 1 + .../components.html | 1 + .../components/accordion-item.html | 1 + .../accordion-item/docs/Angular.html | 1 + .../components/accordion-item/docs/HTML.html | 1 + .../components/accordion-item/docs/React.html | 1 + .../components/accordion-item/docs/Vue.html | 1 + .../components/accordion-item/overview.html | 1 + .../components/accordion-item/properties.html | 1 + .../components/accordion.html | 1 + .../components/accordion/docs/Angular.html | 1 + .../components/accordion/docs/HTML.html | 1 + .../components/accordion/docs/React.html | 1 + .../components/accordion/docs/Vue.html | 1 + .../components/accordion/overview.html | 1 + .../components/accordion/properties.html | 1 + .../components/action.html | 1 + .../components/action/button.html | 1 + .../action/button/docs/Angular.html | 17 ++ .../components/action/button/docs/HTML.html | 9 + .../action/button/docs/Migration.html | 14 ++ .../components/action/button/docs/React.html | 10 ++ .../components/action/button/docs/Vue.html | 12 ++ .../components/action/button/how-to-use.html | 1 + .../components/action/button/migration.html | 1 + .../components/action/button/overview.html | 1 + .../components/action/button/properties.html | 1 + .../components/action/link.html | 1 + .../components/action/link/docs/Angular.html | 17 ++ .../components/action/link/docs/HTML.html | 9 + .../action/link/docs/Migration.html | 10 ++ .../components/action/link/docs/React.html | 14 ++ .../components/action/link/docs/Vue.html | 12 ++ .../components/action/link/how-to-use.html | 1 + .../components/action/link/migration.html | 1 + .../components/action/link/overview.html | 1 + .../components/action/link/properties.html | 1 + .../components/badge.html | 1 + .../components/badge/docs/Angular.html | 1 + .../components/badge/docs/HTML.html | 1 + .../components/badge/docs/React.html | 1 + .../components/badge/docs/Vue.html | 1 + .../components/badge/overview.html | 1 + .../components/badge/properties.html | 1 + .../components/brand.html | 1 + .../components/brand/docs/Angular.html | 1 + .../components/brand/docs/HTML.html | 1 + .../components/brand/docs/React.html | 1 + .../components/brand/docs/Vue.html | 1 + .../components/brand/overview.html | 1 + .../components/brand/properties.html | 1 + .../components/button.html | 1 + .../components/button/docs/Angular.html | 1 + .../components/button/docs/HTML.html | 1 + .../components/button/docs/React.html | 1 + .../components/button/docs/Vue.html | 1 + .../components/button/overview.html | 1 + .../components/button/properties.html | 1 + .../components/card.html | 1 + .../components/card/docs/Angular.html | 1 + .../components/card/docs/HTML.html | 1 + .../components/card/docs/React.html | 1 + .../components/card/docs/Vue.html | 1 + .../components/card/overview.html | 1 + .../components/card/properties.html | 1 + .../components/checkbox.html | 1 + .../components/checkbox/docs/Angular.html | 1 + .../components/checkbox/docs/HTML.html | 1 + .../components/checkbox/docs/React.html | 1 + .../components/checkbox/docs/Vue.html | 1 + .../components/checkbox/overview.html | 1 + .../components/checkbox/properties.html | 1 + .../components/data-display.html | 1 + .../data-display/accordion-item.html | 1 + .../accordion-item/docs/Angular.html | 25 +++ .../accordion-item/docs/HTML.html | 12 ++ .../accordion-item/docs/Migration.html | 10 ++ .../accordion-item/docs/React.html | 17 ++ .../data-display/accordion-item/docs/Vue.html | 26 +++ .../accordion-item/how-to-use.html | 1 + .../accordion-item/migration.html | 1 + .../data-display/accordion-item/overview.html | 1 + .../accordion-item/properties.html | 1 + .../components/data-display/accordion.html | 1 + .../data-display/accordion/docs/Angular.html | 30 ++++ .../data-display/accordion/docs/HTML.html | 22 +++ .../accordion/docs/Migration.html | 7 + .../data-display/accordion/docs/React.html | 15 ++ .../data-display/accordion/docs/Vue.html | 16 ++ .../data-display/accordion/how-to-use.html | 1 + .../data-display/accordion/migration.html | 1 + .../data-display/accordion/overview.html | 1 + .../data-display/accordion/properties.html | 1 + .../components/data-display/brand.html | 1 + .../data-display/brand/docs/Angular.html | 17 ++ .../data-display/brand/docs/HTML.html | 9 + .../data-display/brand/docs/Migration.html | 15 ++ .../data-display/brand/docs/React.html | 10 ++ .../data-display/brand/docs/Vue.html | 12 ++ .../data-display/brand/how-to-use.html | 1 + .../data-display/brand/migration.html | 1 + .../data-display/brand/overview.html | 1 + .../data-display/brand/properties.html | 1 + .../components/data-display/infotext.html | 1 + .../data-display/infotext/docs/Angular.html | 17 ++ .../data-display/infotext/docs/HTML.html | 9 + .../data-display/infotext/docs/Migration.html | 7 + .../data-display/infotext/docs/React.html | 10 ++ .../data-display/infotext/docs/Vue.html | 12 ++ .../data-display/infotext/how-to-use.html | 1 + .../data-display/infotext/migration.html | 1 + .../data-display/infotext/overview.html | 1 + .../data-display/infotext/properties.html | 1 + .../components/data-display/tab-item.html | 1 + .../data-display/tab-item/docs/Angular.html | 28 +++ .../data-display/tab-item/docs/HTML.html | 75 ++++++++ .../data-display/tab-item/docs/Migration.html | 10 ++ .../data-display/tab-item/docs/React.html | 26 +++ .../data-display/tab-item/docs/Vue.html | 21 +++ .../data-display/tab-item/how-to-use.html | 1 + .../data-display/tab-item/migration.html | 1 + .../data-display/tab-item/overview.html | 1 + .../data-display/tab-item/properties.html | 1 + .../components/data-display/tabs.html | 1 + .../data-display/tabs/docs/Angular.html | 28 +++ .../data-display/tabs/docs/HTML.html | 79 +++++++++ .../data-display/tabs/docs/Migration.html | 8 + .../data-display/tabs/docs/React.html | 26 +++ .../data-display/tabs/docs/Vue.html | 21 +++ .../data-display/tabs/how-to-use.html | 1 + .../data-display/tabs/migration.html | 1 + .../data-display/tabs/overview.html | 1 + .../data-display/tabs/properties.html | 1 + .../components/data-display/tag.html | 1 + .../data-display/tag/docs/Angular.html | 24 +++ .../data-display/tag/docs/HTML.html | 11 ++ .../data-display/tag/docs/Migration.html | 23 +++ .../data-display/tag/docs/React.html | 29 ++++ .../components/data-display/tag/docs/Vue.html | 21 +++ .../data-display/tag/how-to-use.html | 1 + .../data-display/tag/migration.html | 1 + .../components/data-display/tag/overview.html | 1 + .../data-display/tag/properties.html | 1 + .../components/data-display/tooltip.html | 1 + .../data-display/tooltip/docs/Angular.html | 20 +++ .../data-display/tooltip/docs/HTML.html | 12 ++ .../data-display/tooltip/docs/Migration.html | 7 + .../data-display/tooltip/docs/React.html | 15 ++ .../data-display/tooltip/docs/Vue.html | 15 ++ .../data-display/tooltip/how-to-use.html | 1 + .../data-display/tooltip/migration.html | 1 + .../data-display/tooltip/overview.html | 1 + .../data-display/tooltip/properties.html | 1 + .../components/data-input.html | 1 + .../components/data-input/checkbox.html | 1 + .../data-input/checkbox/docs/Angular.html | 83 +++++++++ .../data-input/checkbox/docs/HTML.html | 12 ++ .../data-input/checkbox/docs/Migration.html | 10 ++ .../data-input/checkbox/docs/React.html | 25 +++ .../data-input/checkbox/docs/Vue.html | 16 ++ .../data-input/checkbox/how-to-use.html | 1 + .../data-input/checkbox/migration.html | 1 + .../data-input/checkbox/overview.html | 1 + .../data-input/checkbox/properties.html | 1 + .../components/data-input/input.html | 1 + .../data-input/input/docs/Angular.html | 112 ++++++++++++ .../data-input/input/docs/HTML.html | 10 ++ .../data-input/input/docs/Migration.html | 10 ++ .../data-input/input/docs/React.html | 14 ++ .../components/data-input/input/docs/Vue.html | 28 +++ .../data-input/input/how-to-use.html | 1 + .../data-input/input/migration.html | 1 + .../components/data-input/input/overview.html | 1 + .../data-input/input/properties.html | 1 + .../components/data-input/radio.html | 1 + .../data-input/radio/docs/Angular.html | 79 +++++++++ .../data-input/radio/docs/HTML.html | 18 ++ .../data-input/radio/docs/Migration.html | 10 ++ .../data-input/radio/docs/React.html | 27 +++ .../components/data-input/radio/docs/Vue.html | 26 +++ .../data-input/radio/how-to-use.html | 1 + .../data-input/radio/migration.html | 1 + .../components/data-input/radio/overview.html | 1 + .../data-input/radio/properties.html | 1 + .../components/data-input/select.html | 1 + .../data-input/select/docs/Angular.html | 20 +++ .../data-input/select/docs/HTML.html | 15 ++ .../data-input/select/docs/Migration.html | 10 ++ .../data-input/select/docs/React.html | 15 ++ .../data-input/select/docs/Vue.html | 15 ++ .../data-input/select/how-to-use.html | 1 + .../data-input/select/migration.html | 1 + .../data-input/select/overview.html | 1 + .../data-input/select/properties.html | 1 + .../components/data-input/switch.html | 1 + .../data-input/switch/docs/Angular.html | 17 ++ .../data-input/switch/docs/HTML.html | 12 ++ .../data-input/switch/docs/Migration.html | 10 ++ .../data-input/switch/docs/React.html | 10 ++ .../data-input/switch/docs/Vue.html | 12 ++ .../data-input/switch/how-to-use.html | 1 + .../data-input/switch/migration.html | 1 + .../data-input/switch/overview.html | 1 + .../data-input/switch/properties.html | 1 + .../components/data-input/textarea.html | 1 + .../data-input/textarea/docs/Angular.html | 36 ++++ .../data-input/textarea/docs/HTML.html | 12 ++ .../data-input/textarea/docs/Migration.html | 12 ++ .../data-input/textarea/docs/React.html | 23 +++ .../data-input/textarea/docs/Vue.html | 25 +++ .../data-input/textarea/how-to-use.html | 1 + .../data-input/textarea/migration.html | 1 + .../data-input/textarea/overview.html | 1 + .../data-input/textarea/properties.html | 1 + .../components/divider.html | 1 + .../components/divider/docs/Angular.html | 1 + .../components/divider/docs/HTML.html | 1 + .../components/divider/docs/React.html | 1 + .../components/divider/docs/Vue.html | 1 + .../components/divider/overview.html | 1 + .../components/divider/properties.html | 1 + .../components/drawer.html | 1 + .../components/drawer/docs/Angular.html | 1 + .../components/drawer/docs/HTML.html | 1 + .../components/drawer/docs/React.html | 1 + .../components/drawer/docs/Vue.html | 1 + .../components/drawer/overview.html | 1 + .../components/drawer/properties.html | 1 + .../components/feedback.html | 1 + .../components/feedback/badge.html | 1 + .../feedback/badge/docs/Angular.html | 17 ++ .../components/feedback/badge/docs/HTML.html | 9 + .../feedback/badge/docs/Migration.html | 7 + .../components/feedback/badge/docs/React.html | 10 ++ .../components/feedback/badge/docs/Vue.html | 12 ++ .../components/feedback/badge/how-to-use.html | 1 + .../components/feedback/badge/migration.html | 1 + .../components/feedback/badge/overview.html | 1 + .../components/feedback/badge/properties.html | 1 + .../components/feedback/notification.html | 1 + .../feedback/notification/docs/Angular.html | 17 ++ .../feedback/notification/docs/HTML.html | 20 +++ .../feedback/notification/docs/Migration.html | 12 ++ .../feedback/notification/docs/React.html | 12 ++ .../feedback/notification/docs/Vue.html | 12 ++ .../feedback/notification/how-to-use.html | 1 + .../feedback/notification/migration.html | 1 + .../feedback/notification/overview.html | 1 + .../feedback/notification/properties.html | 1 + .../components/header.html | 1 + .../components/header/docs/Angular.html | 1 + .../components/header/docs/HTML.html | 1 + .../components/header/docs/React.html | 1 + .../components/header/docs/Vue.html | 1 + .../components/header/overview.html | 1 + .../components/header/properties.html | 1 + .../components/infotext.html | 1 + .../components/infotext/docs/Angular.html | 1 + .../components/infotext/docs/HTML.html | 1 + .../components/infotext/docs/React.html | 1 + .../components/infotext/docs/Vue.html | 1 + .../components/infotext/overview.html | 1 + .../components/infotext/properties.html | 1 + .../components/input.html | 1 + .../components/input/docs/Angular.html | 1 + .../components/input/docs/HTML.html | 1 + .../components/input/docs/React.html | 1 + .../components/input/docs/Vue.html | 1 + .../components/input/overview.html | 1 + .../components/input/properties.html | 1 + .../components/layout.html | 1 + .../components/layout/card.html | 1 + .../components/layout/card/docs/Angular.html | 19 ++ .../components/layout/card/docs/HTML.html | 9 + .../layout/card/docs/Migration.html | 12 ++ .../components/layout/card/docs/React.html | 9 + .../components/layout/card/docs/Vue.html | 12 ++ .../components/layout/card/how-to-use.html | 1 + .../components/layout/card/migration.html | 1 + .../components/layout/card/overview.html | 1 + .../components/layout/card/properties.html | 1 + .../components/layout/divider.html | 1 + .../layout/divider/docs/Angular.html | 17 ++ .../components/layout/divider/docs/HTML.html | 9 + .../layout/divider/docs/Migration.html | 7 + .../components/layout/divider/docs/React.html | 10 ++ .../components/layout/divider/docs/Vue.html | 12 ++ .../components/layout/divider/how-to-use.html | 1 + .../components/layout/divider/migration.html | 1 + .../components/layout/divider/overview.html | 1 + .../components/layout/divider/properties.html | 1 + .../components/layout/drawer.html | 1 + .../layout/drawer/docs/Angular.html | 32 ++++ .../components/layout/drawer/docs/HTML.html | 24 +++ .../layout/drawer/docs/Migration.html | 7 + .../components/layout/drawer/docs/React.html | 35 ++++ .../components/layout/drawer/docs/Vue.html | 25 +++ .../components/layout/drawer/how-to-use.html | 1 + .../components/layout/drawer/migration.html | 1 + .../components/layout/drawer/overview.html | 1 + .../components/layout/drawer/properties.html | 1 + .../components/layout/header.html | 1 + .../layout/header/docs/Angular.html | 73 ++++++++ .../components/layout/header/docs/HTML.html | 164 ++++++++++++++++++ .../layout/header/docs/Migration.html | 10 ++ .../components/layout/header/docs/React.html | 57 ++++++ .../components/layout/header/docs/Vue.html | 61 +++++++ .../components/layout/header/how-to-use.html | 1 + .../components/layout/header/migration.html | 1 + .../components/layout/header/overview.html | 1 + .../components/layout/header/properties.html | 1 + .../components/layout/section.html | 1 + .../layout/section/docs/Angular.html | 17 ++ .../components/layout/section/docs/HTML.html | 11 ++ .../layout/section/docs/Migration.html | 7 + .../components/layout/section/docs/React.html | 10 ++ .../components/layout/section/docs/Vue.html | 12 ++ .../components/layout/section/how-to-use.html | 1 + .../components/layout/section/migration.html | 1 + .../components/layout/section/overview.html | 1 + .../components/layout/section/properties.html | 1 + .../components/link.html | 1 + .../components/link/docs/Angular.html | 1 + .../components/link/docs/HTML.html | 1 + .../components/link/docs/React.html | 1 + .../components/link/docs/Vue.html | 1 + .../components/link/overview.html | 1 + .../components/link/properties.html | 1 + .../components/navigation-item.html | 1 + .../navigation-item/docs/Angular.html | 1 + .../components/navigation-item/docs/HTML.html | 1 + .../navigation-item/docs/React.html | 1 + .../components/navigation-item/docs/Vue.html | 1 + .../components/navigation-item/overview.html | 1 + .../navigation-item/properties.html | 1 + .../components/navigation.html | 1 + .../components/navigation/docs/Angular.html | 1 + .../components/navigation/docs/HTML.html | 1 + .../components/navigation/docs/React.html | 1 + .../components/navigation/docs/Vue.html | 1 + .../navigation/navigation-item.html | 1 + .../navigation-item/docs/Angular.html | 43 +++++ .../navigation/navigation-item/docs/HTML.html | 24 +++ .../navigation-item/docs/Migration.html | 7 + .../navigation-item/docs/React.html | 35 ++++ .../navigation/navigation-item/docs/Vue.html | 29 ++++ .../navigation-item/how-to-use.html | 1 + .../navigation/navigation-item/migration.html | 1 + .../navigation/navigation-item/overview.html | 1 + .../navigation-item/properties.html | 1 + .../components/navigation/navigation.html | 1 + .../navigation/docs/Accessibility.html | 10 ++ .../navigation/navigation/docs/Angular.html | 113 ++++++++++++ .../navigation/navigation/docs/HTML.html | 53 ++++++ .../navigation/navigation/docs/Migration.html | 10 ++ .../navigation/navigation/docs/React.html | 49 ++++++ .../navigation/navigation/docs/Vue.html | 74 ++++++++ .../navigation/navigation/how-to-use.html | 1 + .../navigation/navigation/migration.html | 1 + .../navigation/navigation/overview.html | 1 + .../navigation/navigation/properties.html | 1 + .../components/navigation/overview.html | 1 + .../components/navigation/properties.html | 1 + .../components/notification.html | 1 + .../components/notification/docs/Angular.html | 1 + .../components/notification/docs/HTML.html | 1 + .../components/notification/docs/React.html | 1 + .../components/notification/docs/Vue.html | 1 + .../components/notification/overview.html | 1 + .../components/notification/properties.html | 1 + .../components/popover.html | 1 + .../components/popover/docs/Angular.html | 1 + .../components/popover/docs/HTML.html | 1 + .../components/popover/docs/React.html | 1 + .../components/popover/docs/Vue.html | 1 + .../components/popover/overview.html | 1 + .../components/popover/properties.html | 1 + .../components/radio.html | 1 + .../components/radio/docs/Angular.html | 1 + .../components/radio/docs/HTML.html | 1 + .../components/radio/docs/React.html | 1 + .../components/radio/docs/Vue.html | 1 + .../components/radio/overview.html | 1 + .../components/radio/properties.html | 1 + .../components/readme.html | 1 + .../components/router-usage.html | 1 + .../components/section.html | 1 + .../components/section/docs/Angular.html | 1 + .../components/section/docs/HTML.html | 1 + .../components/section/docs/React.html | 1 + .../components/section/docs/Vue.html | 1 + .../components/section/overview.html | 1 + .../components/section/properties.html | 1 + .../components/select.html | 1 + .../components/select/docs/Angular.html | 1 + .../components/select/docs/HTML.html | 1 + .../components/select/docs/React.html | 1 + .../components/select/docs/Vue.html | 1 + .../components/select/overview.html | 1 + .../components/select/properties.html | 1 + .../components/switch.html | 1 + .../components/switch/docs/Angular.html | 1 + .../components/switch/docs/HTML.html | 1 + .../components/switch/docs/React.html | 1 + .../components/switch/docs/Vue.html | 1 + .../components/switch/overview.html | 1 + .../components/switch/properties.html | 1 + .../components/tab-item.html | 1 + .../components/tab-item/docs/Angular.html | 1 + .../components/tab-item/docs/HTML.html | 1 + .../components/tab-item/docs/React.html | 1 + .../components/tab-item/docs/Vue.html | 1 + .../components/tab-item/overview.html | 1 + .../components/tab-item/properties.html | 1 + .../components/tabs.html | 1 + .../components/tabs/docs/Angular.html | 1 + .../components/tabs/docs/HTML.html | 1 + .../components/tabs/docs/React.html | 1 + .../components/tabs/docs/Vue.html | 1 + .../components/tabs/overview.html | 1 + .../components/tabs/properties.html | 1 + .../components/tag.html | 1 + .../components/tag/docs/Angular.html | 1 + .../components/tag/docs/HTML.html | 1 + .../components/tag/docs/React.html | 1 + .../components/tag/docs/Vue.html | 1 + .../components/tag/overview.html | 1 + .../components/tag/properties.html | 1 + .../components/textarea.html | 1 + .../components/textarea/docs/Angular.html | 1 + .../components/textarea/docs/HTML.html | 1 + .../components/textarea/docs/React.html | 1 + .../components/textarea/docs/Vue.html | 1 + .../components/textarea/overview.html | 1 + .../components/textarea/properties.html | 1 + .../components/tooltip.html | 1 + .../components/tooltip/docs/Angular.html | 1 + .../components/tooltip/docs/HTML.html | 1 + .../components/tooltip/docs/React.html | 1 + .../components/tooltip/docs/Vue.html | 1 + .../components/tooltip/overview.html | 1 + .../components/tooltip/properties.html | 1 + .../components/utilities.html | 1 + .../components/utilities/popover.html | 1 + .../utilities/popover/docs/Angular.html | 21 +++ .../utilities/popover/docs/HTML.html | 17 ++ .../utilities/popover/docs/Migration.html | 7 + .../utilities/popover/docs/React.html | 15 ++ .../utilities/popover/docs/Vue.html | 18 ++ .../utilities/popover/how-to-use.html | 1 + .../utilities/popover/migration.html | 1 + .../utilities/popover/overview.html | 1 + .../utilities/popover/properties.html | 1 + .../components/validation.html | 1 + .../docs/adr-04-icons.md | 36 ++++ .../docs/adr/adr-01-framework.md | 82 +++++++++ .../docs/adr/adr-02-monorepo.md | 31 ++++ .../docs/adr/adr-03-dependency-automation.md | 53 ++++++ .../docs/adr/adr-xx-Template.md | 27 +++ .../docs/definition-of-done-pr.md | 10 ++ .../docs/how-to-develop-a-component.md | 141 +++++++++++++++ .../Contributor_Covenant204baaaa.licence | 1 + .../download/Contributor_Covenant204baaaa.svg | 1 + .../Conventional_Commits100yellow.licence | 1 + .../Conventional_Commits100yellow.svg | 1 + .../download/LicenseApache20blue.licence | 1 + .../images/download/LicenseApache20blue.svg | 1 + ...swelcomebrightgreenstyleflatsquare.licence | 1 + .../PRswelcomebrightgreenstyleflatsquare.svg | 1 + ...t_ofDB_UX_Design_System_Cored7dce1.licence | 1 + .../Part_ofDB_UX_Design_System_Cored7dce1.svg | 1 + .../images/download/codestyleXO5ed9c7.licence | 1 + .../images/download/codestyleXO5ed9c7.svg | 1 + ...styleprettierff69b4styleflatsquare.licence | 1 + ...codestyleprettierff69b4styleflatsquare.svg | 1 + .../tagnamelabelnpmcolored1c24.licence | 1 + .../download/tagnamelabelnpmcolored1c24.svg | 1 + .../docs/images/header_image_0.guetzli.2x.jpg | Bin 0 -> 252819 bytes .../docs/images/header_image_0.guetzli.3x.jpg | Bin 0 -> 434304 bytes .../docs/images/header_image_0.guetzli.jpg | Bin 0 -> 88231 bytes .../docs/migration-template.md | 20 +++ .../docs/migration/alpha-beta.md | 79 +++++++++ .../docs/migration/v0.2.x-to-v0.3.x.md | 29 ++++ .../docs/migration/v0.3.x-to-v0.4.x.md | 36 ++++ .../docs/package.json | 18 ++ .../docs/research-other-design-systems.md | 58 +++++++ .../docs/research/README.md | 24 +++ .../docs/research/focus-state.md | 27 +++ .../docs/research/multi-select.md | 30 ++++ .../docs/research/stack.md | 27 +++ .../docs/research/switch-and-toggle.md | 47 +++++ .../docs/research/tabs.md | 38 ++++ .../docs/research/tooltip.md | 54 ++++++ .../component-research/design-systems.js | 99 +++++++++++ .../generate-component-research.js | 46 +++++ review/refactor-section-inner-div/favicon.ico | Bin 0 -> 5430 bytes .../foundations.html | 1 + .../foundations/colors.html | 1 + .../foundations/colors/color-classes.html | 1 + .../foundations/colors/color-schemes.html | 1 + .../foundations/colors/color-usage-guide.html | 1 + .../foundations/colors/readme.html | 1 + .../foundations/densities.html | 1 + .../foundations/densities/examples.html | 1 + .../foundations/densities/readme.html | 1 + .../foundations/font-sizes.html | 1 + .../foundations/font-sizes/overview.html | 1 + .../foundations/font-sizes/readme.html | 1 + .../foundations/icons.html | 1 + .../foundations/icons/custom-icons.html | 1 + .../foundations/icons/overview.html | 1 + .../foundations/icons/readme.html | 1 + .../foundations/ide.html | 1 + .../foundations/readme.html | 1 + .../foundations/test-table.html | 1 + .../foundations/variables.html | 1 + .../foundations/variables/examples.html | 1 + .../foundations/variables/readme.html | 1 + .../iframeResizer.contentWindow.js | 20 +++ .../iframeResizer.contentWindow.min.js | 20 +++ .../iframe-resizer/iframeResizer.js | 20 +++ .../iframe-resizer/iframeResizer.min.js | 20 +++ review/refactor-section-inner-div/iframe.html | 1 + review/refactor-section-inner-div/index.html | 1 + review/refactor-section-inner-div/robots.txt | 6 + .../site.webmanifest | 14 ++ 1055 files changed, 4932 insertions(+) create mode 100644 review/refactor-section-inner-div/404.html create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip/overview.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover.json create mode 100644 review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover/overview.json create mode 100644 review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_buildManifest.js create mode 100644 review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_ssgManifest.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/1048-3eaf0a942fe12a1a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/2372-20092661c9c777cc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/3578-69ad1af34f693eb7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/5486-fea82cd636d300f8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/7019-0b8010dbdd3dbfbe.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/8250-a5005020b9961089.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/8367-ef0aa33c551d7f79.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/framework-0bec6825be25244a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/main-71a9d5df1b3303b7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/404-1dc374602206b6dd.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/_app-7c07ef91732d5845.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/_error-4ce22c25a5e1e628.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/base64-7004ad8813917883.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/[[...slug]]-b0e4e4d408dcab27.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion-item/docs/Angular-6fb900a3b8d45cd8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion-item/docs/HTML-d2cb4ac201ea0479.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion-item/docs/React-75465cabfbfd679e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion-item/docs/Vue-b7164eeed54c3545.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion-item/properties-6c9d0d1834534a83.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion/docs/Angular-bee657ea647360f7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion/docs/HTML-6c6ea829b7626a13.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion/docs/React-3550dedddf1e881c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion/docs/Vue-73e56b7c28beeff1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/accordion/properties-1ef436594322092e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/docs/Angular-68ef945a4c5059cf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/docs/HTML-afafc786a68f8aea.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/docs/Migration-cee25a698f22f567.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/docs/React-816bbba2bc11e8db.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/docs/Vue-cf349d79632ed646.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/how-to-use-ef21c08bb8c4ecaf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/migration-843e051008147de1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/button/properties-cebb9d931e9fbabb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/docs/Angular-787546e6c4e4ec0a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/docs/HTML-b0569e2648f085ce.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/docs/Migration-614f874534b78d3e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/docs/React-562f02f7e5d6141e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/docs/Vue-d10335232052693c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/how-to-use-1ae993d38809dec2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/migration-8a9329d8b6c2dbd1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/action/link/properties-0ff89fe28e1c0efe.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/badge/docs/Angular-11e1aa6a2b0754c0.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/badge/docs/HTML-edf76c2d143eeb8a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/badge/docs/React-735647b57389b849.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/badge/docs/Vue-6f645e62585d4b3a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/badge/properties-4ef935df3a93cd28.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/brand/docs/Angular-a291d14caf6ca9e5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/brand/docs/HTML-bd1bcdea07285ec8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/brand/docs/React-77a0dd19ec1cdc68.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/brand/docs/Vue-f3429b356028f0f4.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/brand/properties-c171806714fa8cf8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/button/docs/Angular-b10d7a45fb7b06c7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/button/docs/HTML-7c833a118757a049.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/button/docs/React-f25d117919fb8c13.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/button/docs/Vue-b3db09da7aabfff1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/button/properties-98049940efbc6edf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/card/docs/Angular-6565441320abd022.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/card/docs/HTML-59247653155b862c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/card/docs/React-869248f04fda8762.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/card/docs/Vue-f1789d238dcc9cb1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/card/properties-803e072a198ee4f5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/checkbox/docs/Angular-2cccd8288336325c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/checkbox/docs/HTML-5560c094ac861d00.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/checkbox/docs/React-b1d53a4b3fad0899.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/checkbox/docs/Vue-233ab33a271c9eb0.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/checkbox/properties-2fab6692dc178123.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/docs/Angular-f493fcaedc11a196.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/docs/HTML-57fbc934e932c9c1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/docs/Migration-2652120fd16fa964.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/docs/React-f7f8208efc2cccb8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/docs/Vue-4ba22338f5597fac.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/how-to-use-6a1c94ab17baa12f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/migration-0b76e947528d965d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion-item/properties-77d4b3e9bd603be6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/docs/Angular-3574d9e2c5d3cb50.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/docs/HTML-587691511b8b07d4.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/docs/Migration-cd71b13a80cbe4d0.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/docs/React-1f670faacfd5bd34.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/docs/Vue-ed26bbc8726d913a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/how-to-use-5baa5a600258bf38.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/migration-1ce9b8f75db55947.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/accordion/properties-5cdc0083430516bb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/docs/Angular-da67beb544bc0bc3.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/docs/HTML-ff7abd50a812bf62.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/docs/Migration-7045d1a6a659ab03.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/docs/React-c70bb1f016880bef.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/docs/Vue-355c839b9261fdea.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/how-to-use-87509e0e4a3e0145.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/migration-03eaf69fd7526a8d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/brand/properties-e6aac644ff10c7f8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/docs/Angular-c13d5918502e3e46.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/docs/HTML-2aeb7ca269f745c7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/docs/Migration-226cb1a0949e0c0d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/docs/React-a2bb8c0425cc4c28.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/docs/Vue-7fd4d3b161076c48.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/how-to-use-e9f59601ea57965b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/migration-0748350f0228f5c2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/infotext/properties-da38ac8a192809de.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/docs/Angular-1a3da5514db972af.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/docs/HTML-6cf7840a4c30b64d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/docs/Migration-bdfbd48b9ec2a4e5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/docs/React-a116d1cc173bb077.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/docs/Vue-d8d3bae482df7b3f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/how-to-use-3d6736b80b73a701.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/migration-0442455511920774.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tab-item/properties-f91d1de918e61c4e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/docs/Angular-7eeff292d4463c39.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/docs/HTML-f8fa068c38f1eb4d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/docs/Migration-c895c2420810805d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/docs/React-bcb9e391b107d4a6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/docs/Vue-b506976a13dd9042.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/how-to-use-2c74687df03fa939.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/migration-307f9fccd820c50c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tabs/properties-b5ec5a2ede1a3d6d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/docs/Angular-902d1df6bf6595eb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/docs/HTML-a4c99fad20b8c06d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/docs/Migration-c9c457286c334974.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/docs/React-29ba4292a686cae7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/docs/Vue-b1f03ad9167736bc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/how-to-use-095c421e530ab03a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/migration-0c18664671c972f9.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tag/properties-1787d1993886bac8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/docs/Angular-fdff493c2081406b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/docs/HTML-0a5b4a9c31ea3795.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/docs/Migration-28258718efd048ca.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/docs/React-fc7f39ec400da4cb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/docs/Vue-fd2183ba523f383a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/how-to-use-d2f2b2f03172d233.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/migration-ce32296fa37df126.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-display/tooltip/properties-4943f401ab70dddf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/docs/Angular-46c5ada759b90a12.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/docs/HTML-474ed63663e97e73.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/docs/Migration-e7721f4c6c8d2a0e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/docs/React-ef561ba1d6504d40.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/docs/Vue-36f7d11fe58e8af6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/how-to-use-6d264062e03b831e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/migration-f3375262c645b476.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/checkbox/properties-5571af70e787c80a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/docs/Angular-6f5b3676d56bd1ed.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/docs/HTML-d7eb56a6619d64b6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/docs/Migration-c6eb2ded4be13a51.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/docs/React-a5d9f80b9130e88a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/docs/Vue-c345a376f7066fe8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/how-to-use-3a5bc74f392e5ad5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/migration-660c5413bced2d8c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/input/properties-58259c6c65ac9c93.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/docs/Angular-88aa0298cbd0bc04.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/docs/HTML-7be378f7f55a2a2a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/docs/Migration-facf43d8b5c309ba.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/docs/React-d615367f1ec6ef4c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/docs/Vue-bb858e005342be33.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/how-to-use-d6c516bffa90d1e8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/migration-1707d09a8807fe05.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/radio/properties-3b47e45012617d20.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/docs/Angular-4776a05c1e753452.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/docs/HTML-a0a5eb1f0e248b3f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/docs/Migration-6f0d3b941b1a435b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/docs/React-7bddecedbab71f25.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/docs/Vue-2dd2115e4c41930e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/how-to-use-649e838660db02b7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/migration-930ad725c827fde5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/select/properties-98e8c808b2dc5091.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/docs/Angular-52d4f95061cd41ff.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/docs/HTML-ac5d2a943ab4027e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/docs/Migration-bdf402103d2ee651.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/docs/React-b2e407c244ab83ac.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/docs/Vue-5d5fe46230a32d17.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/how-to-use-818fb69cebabb371.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/migration-6c2887788e8388ee.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/switch/properties-6eb55a3e94115ee8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/docs/Angular-62db8bfbb2bd3977.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/docs/HTML-d89a29b3cdf38706.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/docs/Migration-0741a60c87051dd7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/docs/React-c3504ff5fef22450.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/docs/Vue-07e5e471387a7420.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/how-to-use-4e1f6a959ca6d50b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/migration-661efab9b6e47e91.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/data-input/textarea/properties-9339b84f7217c091.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/divider/docs/Angular-848372ce59524ce0.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/divider/docs/HTML-abb20273b3d650a1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/divider/docs/React-df310eebd2e83f7b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/divider/docs/Vue-fbdd4b4cc6231de4.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/divider/properties-132c35b11c2eb87a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/drawer/docs/Angular-8069633ed9260255.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/drawer/docs/HTML-76241b00dd78bff6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/drawer/docs/React-c90c684a3d0acb30.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/drawer/docs/Vue-a2f950934248d83a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/drawer/properties-e5a4fb234f9ec5cb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/docs/Angular-c2a2eb52254d98d1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/docs/HTML-48fb1d933d8fa67d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/docs/Migration-299516c93d5b7e0f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/docs/React-1a4dddf1db7ec6d8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/docs/Vue-c3deea293876fc68.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/how-to-use-d3ef686b5ecec463.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/migration-3c2f2020c3a8272f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/badge/properties-72bd031f7b920fdd.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/docs/Angular-76441062b48182d8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/docs/HTML-df6d4d6224eeb7ba.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/docs/Migration-8228ddd9fd046fdf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/docs/React-256a180d37cc9a3f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/docs/Vue-92fe84fb2168c9fc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/how-to-use-1d3784921af7ac1a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/migration-c659d62f4198e415.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/feedback/notification/properties-91d0ac15ea5f6b61.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/header/docs/Angular-d6db85fb3c77cd0c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/header/docs/HTML-6c6bfa0f746d5c74.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/header/docs/React-0ceda8e1a9195b52.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/header/docs/Vue-fb341f47d03dbed1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/header/properties-f04069d0fb96f75c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/infotext/docs/Angular-029df7e88e24073a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/infotext/docs/HTML-35700d0e47d2a2c5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/infotext/docs/React-4fcddc99c6a508b1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/infotext/docs/Vue-b885d98deed3c5da.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/infotext/properties-eaa12deee078d849.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/input/docs/Angular-d6ae8bee2f1c5d14.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/input/docs/HTML-8789e89617280aa6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/input/docs/React-7ba940c1e3f59fda.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/input/docs/Vue-f02639305a230d1c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/input/properties-06748996a775b96b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/docs/Angular-83b3956b480d3826.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/docs/HTML-aa1359762ca14122.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/docs/Migration-32cbf03f5ea8a64e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/docs/React-9f9bb094ebfaa107.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/docs/Vue-c47ffd9834509d8f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/how-to-use-fcfba316a7d5c69d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/migration-f59ec3cff121f1e8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/card/properties-d75d22e7e3264b2b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/docs/Angular-273043fbbd3b0a4b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/docs/HTML-4a4e28916d762c5b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/docs/Migration-cbd46ca35e8c2734.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/docs/React-0f24c34d60a9cb61.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/docs/Vue-39c9e35b18dc93b4.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/how-to-use-11bc21e7a36c9a63.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/migration-7c0508494da7d81d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/divider/properties-bcfe09c7b9c4650b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/docs/Angular-a4423ca96a426f52.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/docs/HTML-3bd750632e20dd4f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/docs/Migration-7929966201479f72.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/docs/React-ebf27470dcebb491.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/docs/Vue-9acc2cc130fa867e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/how-to-use-5b69eae4ac8b2e6a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/migration-799f15fce35f7b13.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/drawer/properties-55d5d7d1b1cc6330.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/docs/Angular-611d688f688c5654.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/docs/HTML-6241321c8f38c80f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/docs/Migration-b7d33d3d0ffa7e67.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/docs/React-8a4a4c3194be605c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/docs/Vue-d33b82ff7a47a4f6.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/how-to-use-4e643db5f7de8e62.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/migration-f55ccef6dfeddc26.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/header/properties-8549dcfe95e200d2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/docs/Angular-b6f57b91d71c977f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/docs/HTML-c8bff2e1252f6644.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/docs/Migration-e9cf2415558b1572.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/docs/React-6274e995ce7a2a44.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/docs/Vue-d6d06a79feb49ff5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/how-to-use-c000fa8da70ec824.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/migration-ec1cc07dfddd431a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/layout/section/properties-1bbaa33cf6619cbe.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/link/docs/Angular-c557e051fe72eff3.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/link/docs/HTML-a293b582fb14d5c1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/link/docs/React-cd0a6477ee76e7f3.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/link/docs/Vue-ff9f183523013acc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/link/properties-204b8133f2c18c33.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation-item/docs/Angular-80865137d7a05127.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation-item/docs/HTML-d7d2122aece21518.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation-item/docs/React-e8b10bc713471324.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation-item/docs/Vue-a34c5798bfc4140d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation-item/properties-98fc974a6876f166.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/docs/Angular-57f1213f9d9d512c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/docs/HTML-719eb6daa87997df.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/docs/React-87c25dc260431a24.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/docs/Vue-0d8547ebad390ea2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/docs/Angular-1f0ef0c1ce5ffc0d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/docs/HTML-fea8bc30983e5ef1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/docs/Migration-94215ba466c61144.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/docs/React-fa8d0c363199b137.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/docs/Vue-85a8645c182ada48.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/how-to-use-201e5317e7effe51.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/migration-4f57cd29a4d14b3e.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation-item/properties-daf1ade1ccf21835.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/Accessibility-9d7458c3e7f0450b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/Angular-5495f124f7d39e42.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/HTML-731be6ec0ec28aa8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/Migration-38d3aaf12e1324a9.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/React-c40873df285fbb0a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/docs/Vue-a2007328d8ead26b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/how-to-use-30a5935212de343a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/migration-18b557c065f754ba.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/navigation/properties-abbad43c7cde8f16.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/navigation/properties-0c401bb9a064120b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/notification/docs/Angular-cb700bdf47cbf778.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/notification/docs/HTML-af94a59aafcf6b30.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/notification/docs/React-45bc47c13f4c720c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/notification/docs/Vue-fb4e2a8119ff3a4d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/notification/properties-ef866e934526563d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/popover/docs/Angular-2e6be0c048a2d504.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/popover/docs/HTML-57283f7fb20c84cc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/popover/docs/React-7e689ab9954b8f13.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/popover/docs/Vue-9d08df68a2bf541a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/popover/properties-0ec25b24e9caf9e5.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/radio/docs/Angular-c4c4ca2dc7e396cd.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/radio/docs/HTML-e204f6a5628c3b80.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/radio/docs/React-e1386bdd6ca65dfb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/radio/docs/Vue-814c5ea1dedc519b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/radio/properties-f8d5085f5443fbfa.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/readme-9ee93c686ce00276.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/router-usage-4d5cc7fd51aa6f30.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/section/docs/Angular-14626a003bef4d4b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/section/docs/HTML-9d9505abf1ba02dd.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/section/docs/React-3b152aa84ed8aa28.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/section/docs/Vue-a2d42a9e5e41c774.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/section/properties-3c2f0e2041625a2d.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/select/docs/Angular-a159c9bb4ac6d415.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/select/docs/HTML-e3001202aa0d1def.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/select/docs/React-b7065c15ea5d757f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/select/docs/Vue-34d551db7cfa9ce2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/select/properties-2557f372b8f2ba4b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/switch/docs/Angular-cd5e7a3f3ed3c3be.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/switch/docs/HTML-e81aae661bffb94f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/switch/docs/React-a59d3ec4076b9f49.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/switch/docs/Vue-10ad716bdce0e825.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/switch/properties-bddecebf4ed0f381.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tab-item/docs/Angular-9235d536e2876206.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tab-item/docs/HTML-7a689cbabab9199c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tab-item/docs/React-9529ac1131850935.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tab-item/docs/Vue-768d4df59c0bb58c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tab-item/properties-191024a9cc4c9f63.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tabs/docs/Angular-919f1e58f52d5484.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tabs/docs/HTML-3f312a4e1c791452.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tabs/docs/React-a2c77e4171a982f2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tabs/docs/Vue-35411c759a936196.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tabs/properties-bb41637c28b3a72b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tag/docs/Angular-8fc2845aca9743ee.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tag/docs/HTML-c494f4fdba577d06.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tag/docs/React-e2e8b6713aded754.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tag/docs/Vue-ade88bab3653d67f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tag/properties-5710259116fc7a16.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/textarea/docs/Angular-12b7c1a1b4b01b11.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/textarea/docs/HTML-2975997c684f147a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/textarea/docs/React-27d8d92e8c087532.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/textarea/docs/Vue-1516d92ac5385a81.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/textarea/properties-88a7e00f6fb776fa.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tooltip/docs/Angular-fcc34aac076599bf.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tooltip/docs/HTML-78f47395a80e9e91.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tooltip/docs/React-979b48c30c549fd1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tooltip/docs/Vue-44cb6aac3ef21034.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/tooltip/properties-224f6c29f9692037.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/docs/Angular-fdb60ea84f3a6851.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/docs/HTML-c5cfbf0dfbf48445.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/docs/Migration-a28f80ab565cf555.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/docs/React-0da48ca3bb12c508.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/docs/Vue-63e53ccbe03d56c2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/how-to-use-4c7022e69020a3c7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/migration-633541f0e36e4836.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/utilities/popover/properties-f739b96105c8feeb.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/components/validation-f9b3184f3c2efb2c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations-b0b37e325f2c5890.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/colors-bdecbb9f758f6cdc.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/colors/color-classes-834c92cbe90d49a8.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/colors/color-schemes-76616368a172e58c.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/colors/color-usage-guide-a20c8ed53038a604.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/colors/readme-a073cab18c0b35f9.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/densities-89290b5a540efece.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/densities/examples-c78089a66328b8fd.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/densities/readme-8f947e9e943a4ef4.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/font-sizes-fcf435be9c8314ed.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/font-sizes/overview-f4ec32210bb59237.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/font-sizes/readme-cd0aaec294485580.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/icons-4b0ad06d7c405889.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/icons/custom-icons-8129e40a8bfab848.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/icons/overview-a56cedd820fb9ce1.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/icons/readme-18f0c7eb0ee0611b.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/ide-77f851a7da7abb01.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/readme-cd23e594047b295f.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/test-table-dc8d19a1a1b888f7.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/variables-40381cca20a4566a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/variables/examples-e8f62814bfec2ff2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/foundations/variables/readme-f5547114badfe211.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/iframe-83a3751c69d376d2.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/pages/index-b9ba68d5ea8174ee.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/polyfills-42372ed130431b0a.js create mode 100644 review/refactor-section-inner-div/_next/static/chunks/webpack-c5b1212d06c810ca.js create mode 100644 review/refactor-section-inner-div/_next/static/css/6fd6f6b7d2d95306.css create mode 100644 review/refactor-section-inner-div/_next/static/media/checkerboard.c3e3e675.png create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.205dc887.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.21be9c0f.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.2233d492.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.25791391.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.4210e4e3.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.483eb0d9.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.4dacd673.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.5a749d05.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.6de7d72d.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.6e063a4e.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.85955b27.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.8a8769bc.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.8aa567f6.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.8b3540a4.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.a8724c15.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.bd04289e.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.ca70f77c.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.e015d9e0.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.e374db5e.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.e71e4b93.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/db-ux.ef708404.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreenhead-black.8003423d.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreenhead-light.f43da5c1.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreenhead-regular.c08dcf80.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreensans-bold.97637e71.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreensans-medium.c023f5c3.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreensans-regular.6ef88637.woff2 create mode 100644 review/refactor-section-inner-div/_next/static/media/dbscreensans-semibold.8a157062.woff2 create mode 100644 review/refactor-section-inner-div/assets/images/checkerboard.png create mode 100644 review/refactor-section-inner-div/assets/images/placeholder.jpg create mode 100644 review/refactor-section-inner-div/base64.html create mode 100644 review/refactor-section-inner-div/components.html create mode 100644 review/refactor-section-inner-div/components/accordion-item.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/overview.html create mode 100644 review/refactor-section-inner-div/components/accordion-item/properties.html create mode 100644 review/refactor-section-inner-div/components/accordion.html create mode 100644 review/refactor-section-inner-div/components/accordion/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/accordion/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/accordion/docs/React.html create mode 100644 review/refactor-section-inner-div/components/accordion/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/accordion/overview.html create mode 100644 review/refactor-section-inner-div/components/accordion/properties.html create mode 100644 review/refactor-section-inner-div/components/action.html create mode 100644 review/refactor-section-inner-div/components/action/button.html create mode 100644 review/refactor-section-inner-div/components/action/button/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/action/button/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/action/button/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/action/button/docs/React.html create mode 100644 review/refactor-section-inner-div/components/action/button/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/action/button/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/action/button/migration.html create mode 100644 review/refactor-section-inner-div/components/action/button/overview.html create mode 100644 review/refactor-section-inner-div/components/action/button/properties.html create mode 100644 review/refactor-section-inner-div/components/action/link.html create mode 100644 review/refactor-section-inner-div/components/action/link/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/action/link/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/action/link/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/action/link/docs/React.html create mode 100644 review/refactor-section-inner-div/components/action/link/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/action/link/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/action/link/migration.html create mode 100644 review/refactor-section-inner-div/components/action/link/overview.html create mode 100644 review/refactor-section-inner-div/components/action/link/properties.html create mode 100644 review/refactor-section-inner-div/components/badge.html create mode 100644 review/refactor-section-inner-div/components/badge/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/badge/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/badge/docs/React.html create mode 100644 review/refactor-section-inner-div/components/badge/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/badge/overview.html create mode 100644 review/refactor-section-inner-div/components/badge/properties.html create mode 100644 review/refactor-section-inner-div/components/brand.html create mode 100644 review/refactor-section-inner-div/components/brand/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/brand/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/brand/docs/React.html create mode 100644 review/refactor-section-inner-div/components/brand/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/brand/overview.html create mode 100644 review/refactor-section-inner-div/components/brand/properties.html create mode 100644 review/refactor-section-inner-div/components/button.html create mode 100644 review/refactor-section-inner-div/components/button/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/button/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/button/docs/React.html create mode 100644 review/refactor-section-inner-div/components/button/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/button/overview.html create mode 100644 review/refactor-section-inner-div/components/button/properties.html create mode 100644 review/refactor-section-inner-div/components/card.html create mode 100644 review/refactor-section-inner-div/components/card/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/card/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/card/docs/React.html create mode 100644 review/refactor-section-inner-div/components/card/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/card/overview.html create mode 100644 review/refactor-section-inner-div/components/card/properties.html create mode 100644 review/refactor-section-inner-div/components/checkbox.html create mode 100644 review/refactor-section-inner-div/components/checkbox/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/checkbox/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/checkbox/docs/React.html create mode 100644 review/refactor-section-inner-div/components/checkbox/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/checkbox/overview.html create mode 100644 review/refactor-section-inner-div/components/checkbox/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion-item/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/accordion/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/brand/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/infotext/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/tab-item/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/tabs/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/tag/properties.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/migration.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/overview.html create mode 100644 review/refactor-section-inner-div/components/data-display/tooltip/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/checkbox/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input/input.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/input/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/radio/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input/select.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/select/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/switch/properties.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/docs/React.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/migration.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/overview.html create mode 100644 review/refactor-section-inner-div/components/data-input/textarea/properties.html create mode 100644 review/refactor-section-inner-div/components/divider.html create mode 100644 review/refactor-section-inner-div/components/divider/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/divider/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/divider/docs/React.html create mode 100644 review/refactor-section-inner-div/components/divider/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/divider/overview.html create mode 100644 review/refactor-section-inner-div/components/divider/properties.html create mode 100644 review/refactor-section-inner-div/components/drawer.html create mode 100644 review/refactor-section-inner-div/components/drawer/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/drawer/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/drawer/docs/React.html create mode 100644 review/refactor-section-inner-div/components/drawer/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/drawer/overview.html create mode 100644 review/refactor-section-inner-div/components/drawer/properties.html create mode 100644 review/refactor-section-inner-div/components/feedback.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/docs/React.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/migration.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/overview.html create mode 100644 review/refactor-section-inner-div/components/feedback/badge/properties.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/docs/React.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/migration.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/overview.html create mode 100644 review/refactor-section-inner-div/components/feedback/notification/properties.html create mode 100644 review/refactor-section-inner-div/components/header.html create mode 100644 review/refactor-section-inner-div/components/header/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/header/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/header/docs/React.html create mode 100644 review/refactor-section-inner-div/components/header/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/header/overview.html create mode 100644 review/refactor-section-inner-div/components/header/properties.html create mode 100644 review/refactor-section-inner-div/components/infotext.html create mode 100644 review/refactor-section-inner-div/components/infotext/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/infotext/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/infotext/docs/React.html create mode 100644 review/refactor-section-inner-div/components/infotext/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/infotext/overview.html create mode 100644 review/refactor-section-inner-div/components/infotext/properties.html create mode 100644 review/refactor-section-inner-div/components/input.html create mode 100644 review/refactor-section-inner-div/components/input/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/input/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/input/docs/React.html create mode 100644 review/refactor-section-inner-div/components/input/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/input/overview.html create mode 100644 review/refactor-section-inner-div/components/input/properties.html create mode 100644 review/refactor-section-inner-div/components/layout.html create mode 100644 review/refactor-section-inner-div/components/layout/card.html create mode 100644 review/refactor-section-inner-div/components/layout/card/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/layout/card/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/layout/card/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/layout/card/docs/React.html create mode 100644 review/refactor-section-inner-div/components/layout/card/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/layout/card/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/layout/card/migration.html create mode 100644 review/refactor-section-inner-div/components/layout/card/overview.html create mode 100644 review/refactor-section-inner-div/components/layout/card/properties.html create mode 100644 review/refactor-section-inner-div/components/layout/divider.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/docs/React.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/migration.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/overview.html create mode 100644 review/refactor-section-inner-div/components/layout/divider/properties.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/docs/React.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/migration.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/overview.html create mode 100644 review/refactor-section-inner-div/components/layout/drawer/properties.html create mode 100644 review/refactor-section-inner-div/components/layout/header.html create mode 100644 review/refactor-section-inner-div/components/layout/header/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/layout/header/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/layout/header/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/layout/header/docs/React.html create mode 100644 review/refactor-section-inner-div/components/layout/header/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/layout/header/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/layout/header/migration.html create mode 100644 review/refactor-section-inner-div/components/layout/header/overview.html create mode 100644 review/refactor-section-inner-div/components/layout/header/properties.html create mode 100644 review/refactor-section-inner-div/components/layout/section.html create mode 100644 review/refactor-section-inner-div/components/layout/section/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/layout/section/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/layout/section/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/layout/section/docs/React.html create mode 100644 review/refactor-section-inner-div/components/layout/section/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/layout/section/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/layout/section/migration.html create mode 100644 review/refactor-section-inner-div/components/layout/section/overview.html create mode 100644 review/refactor-section-inner-div/components/layout/section/properties.html create mode 100644 review/refactor-section-inner-div/components/link.html create mode 100644 review/refactor-section-inner-div/components/link/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/link/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/link/docs/React.html create mode 100644 review/refactor-section-inner-div/components/link/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/link/overview.html create mode 100644 review/refactor-section-inner-div/components/link/properties.html create mode 100644 review/refactor-section-inner-div/components/navigation-item.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/overview.html create mode 100644 review/refactor-section-inner-div/components/navigation-item/properties.html create mode 100644 review/refactor-section-inner-div/components/navigation.html create mode 100644 review/refactor-section-inner-div/components/navigation/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/navigation/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/navigation/docs/React.html create mode 100644 review/refactor-section-inner-div/components/navigation/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/migration.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/overview.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation-item/properties.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/Accessibility.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/React.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/migration.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/overview.html create mode 100644 review/refactor-section-inner-div/components/navigation/navigation/properties.html create mode 100644 review/refactor-section-inner-div/components/navigation/overview.html create mode 100644 review/refactor-section-inner-div/components/navigation/properties.html create mode 100644 review/refactor-section-inner-div/components/notification.html create mode 100644 review/refactor-section-inner-div/components/notification/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/notification/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/notification/docs/React.html create mode 100644 review/refactor-section-inner-div/components/notification/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/notification/overview.html create mode 100644 review/refactor-section-inner-div/components/notification/properties.html create mode 100644 review/refactor-section-inner-div/components/popover.html create mode 100644 review/refactor-section-inner-div/components/popover/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/popover/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/popover/docs/React.html create mode 100644 review/refactor-section-inner-div/components/popover/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/popover/overview.html create mode 100644 review/refactor-section-inner-div/components/popover/properties.html create mode 100644 review/refactor-section-inner-div/components/radio.html create mode 100644 review/refactor-section-inner-div/components/radio/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/radio/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/radio/docs/React.html create mode 100644 review/refactor-section-inner-div/components/radio/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/radio/overview.html create mode 100644 review/refactor-section-inner-div/components/radio/properties.html create mode 100644 review/refactor-section-inner-div/components/readme.html create mode 100644 review/refactor-section-inner-div/components/router-usage.html create mode 100644 review/refactor-section-inner-div/components/section.html create mode 100644 review/refactor-section-inner-div/components/section/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/section/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/section/docs/React.html create mode 100644 review/refactor-section-inner-div/components/section/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/section/overview.html create mode 100644 review/refactor-section-inner-div/components/section/properties.html create mode 100644 review/refactor-section-inner-div/components/select.html create mode 100644 review/refactor-section-inner-div/components/select/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/select/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/select/docs/React.html create mode 100644 review/refactor-section-inner-div/components/select/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/select/overview.html create mode 100644 review/refactor-section-inner-div/components/select/properties.html create mode 100644 review/refactor-section-inner-div/components/switch.html create mode 100644 review/refactor-section-inner-div/components/switch/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/switch/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/switch/docs/React.html create mode 100644 review/refactor-section-inner-div/components/switch/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/switch/overview.html create mode 100644 review/refactor-section-inner-div/components/switch/properties.html create mode 100644 review/refactor-section-inner-div/components/tab-item.html create mode 100644 review/refactor-section-inner-div/components/tab-item/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/tab-item/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/tab-item/docs/React.html create mode 100644 review/refactor-section-inner-div/components/tab-item/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/tab-item/overview.html create mode 100644 review/refactor-section-inner-div/components/tab-item/properties.html create mode 100644 review/refactor-section-inner-div/components/tabs.html create mode 100644 review/refactor-section-inner-div/components/tabs/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/tabs/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/tabs/docs/React.html create mode 100644 review/refactor-section-inner-div/components/tabs/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/tabs/overview.html create mode 100644 review/refactor-section-inner-div/components/tabs/properties.html create mode 100644 review/refactor-section-inner-div/components/tag.html create mode 100644 review/refactor-section-inner-div/components/tag/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/tag/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/tag/docs/React.html create mode 100644 review/refactor-section-inner-div/components/tag/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/tag/overview.html create mode 100644 review/refactor-section-inner-div/components/tag/properties.html create mode 100644 review/refactor-section-inner-div/components/textarea.html create mode 100644 review/refactor-section-inner-div/components/textarea/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/textarea/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/textarea/docs/React.html create mode 100644 review/refactor-section-inner-div/components/textarea/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/textarea/overview.html create mode 100644 review/refactor-section-inner-div/components/textarea/properties.html create mode 100644 review/refactor-section-inner-div/components/tooltip.html create mode 100644 review/refactor-section-inner-div/components/tooltip/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/tooltip/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/tooltip/docs/React.html create mode 100644 review/refactor-section-inner-div/components/tooltip/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/tooltip/overview.html create mode 100644 review/refactor-section-inner-div/components/tooltip/properties.html create mode 100644 review/refactor-section-inner-div/components/utilities.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/docs/Angular.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/docs/HTML.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/docs/Migration.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/docs/React.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/docs/Vue.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/how-to-use.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/migration.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/overview.html create mode 100644 review/refactor-section-inner-div/components/utilities/popover/properties.html create mode 100644 review/refactor-section-inner-div/components/validation.html create mode 100644 review/refactor-section-inner-div/docs/adr-04-icons.md create mode 100644 review/refactor-section-inner-div/docs/adr/adr-01-framework.md create mode 100644 review/refactor-section-inner-div/docs/adr/adr-02-monorepo.md create mode 100644 review/refactor-section-inner-div/docs/adr/adr-03-dependency-automation.md create mode 100644 review/refactor-section-inner-div/docs/adr/adr-xx-Template.md create mode 100644 review/refactor-section-inner-div/docs/definition-of-done-pr.md create mode 100644 review/refactor-section-inner-div/docs/how-to-develop-a-component.md create mode 100644 review/refactor-section-inner-div/docs/images/download/Contributor_Covenant204baaaa.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/Contributor_Covenant204baaaa.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/Conventional_Commits100yellow.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/Conventional_Commits100yellow.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/LicenseApache20blue.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/LicenseApache20blue.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/PRswelcomebrightgreenstyleflatsquare.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/codestyleXO5ed9c7.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/codestyleXO5ed9c7.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/codestyleprettierff69b4styleflatsquare.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/codestyleprettierff69b4styleflatsquare.svg create mode 100644 review/refactor-section-inner-div/docs/images/download/tagnamelabelnpmcolored1c24.licence create mode 100644 review/refactor-section-inner-div/docs/images/download/tagnamelabelnpmcolored1c24.svg create mode 100644 review/refactor-section-inner-div/docs/images/header_image_0.guetzli.2x.jpg create mode 100644 review/refactor-section-inner-div/docs/images/header_image_0.guetzli.3x.jpg create mode 100644 review/refactor-section-inner-div/docs/images/header_image_0.guetzli.jpg create mode 100644 review/refactor-section-inner-div/docs/migration-template.md create mode 100644 review/refactor-section-inner-div/docs/migration/alpha-beta.md create mode 100644 review/refactor-section-inner-div/docs/migration/v0.2.x-to-v0.3.x.md create mode 100644 review/refactor-section-inner-div/docs/migration/v0.3.x-to-v0.4.x.md create mode 100644 review/refactor-section-inner-div/docs/package.json create mode 100644 review/refactor-section-inner-div/docs/research-other-design-systems.md create mode 100644 review/refactor-section-inner-div/docs/research/README.md create mode 100644 review/refactor-section-inner-div/docs/research/focus-state.md create mode 100644 review/refactor-section-inner-div/docs/research/multi-select.md create mode 100644 review/refactor-section-inner-div/docs/research/stack.md create mode 100644 review/refactor-section-inner-div/docs/research/switch-and-toggle.md create mode 100644 review/refactor-section-inner-div/docs/research/tabs.md create mode 100644 review/refactor-section-inner-div/docs/research/tooltip.md create mode 100644 review/refactor-section-inner-div/docs/scripts/component-research/design-systems.js create mode 100644 review/refactor-section-inner-div/docs/scripts/component-research/generate-component-research.js create mode 100644 review/refactor-section-inner-div/favicon.ico create mode 100644 review/refactor-section-inner-div/foundations.html create mode 100644 review/refactor-section-inner-div/foundations/colors.html create mode 100644 review/refactor-section-inner-div/foundations/colors/color-classes.html create mode 100644 review/refactor-section-inner-div/foundations/colors/color-schemes.html create mode 100644 review/refactor-section-inner-div/foundations/colors/color-usage-guide.html create mode 100644 review/refactor-section-inner-div/foundations/colors/readme.html create mode 100644 review/refactor-section-inner-div/foundations/densities.html create mode 100644 review/refactor-section-inner-div/foundations/densities/examples.html create mode 100644 review/refactor-section-inner-div/foundations/densities/readme.html create mode 100644 review/refactor-section-inner-div/foundations/font-sizes.html create mode 100644 review/refactor-section-inner-div/foundations/font-sizes/overview.html create mode 100644 review/refactor-section-inner-div/foundations/font-sizes/readme.html create mode 100644 review/refactor-section-inner-div/foundations/icons.html create mode 100644 review/refactor-section-inner-div/foundations/icons/custom-icons.html create mode 100644 review/refactor-section-inner-div/foundations/icons/overview.html create mode 100644 review/refactor-section-inner-div/foundations/icons/readme.html create mode 100644 review/refactor-section-inner-div/foundations/ide.html create mode 100644 review/refactor-section-inner-div/foundations/readme.html create mode 100644 review/refactor-section-inner-div/foundations/test-table.html create mode 100644 review/refactor-section-inner-div/foundations/variables.html create mode 100644 review/refactor-section-inner-div/foundations/variables/examples.html create mode 100644 review/refactor-section-inner-div/foundations/variables/readme.html create mode 100644 review/refactor-section-inner-div/iframe-resizer/iframeResizer.contentWindow.js create mode 100644 review/refactor-section-inner-div/iframe-resizer/iframeResizer.contentWindow.min.js create mode 100644 review/refactor-section-inner-div/iframe-resizer/iframeResizer.js create mode 100644 review/refactor-section-inner-div/iframe-resizer/iframeResizer.min.js create mode 100644 review/refactor-section-inner-div/iframe.html create mode 100644 review/refactor-section-inner-div/index.html create mode 100644 review/refactor-section-inner-div/robots.txt create mode 100644 review/refactor-section-inner-div/site.webmanifest diff --git a/review/refactor-section-inner-div/404.html b/review/refactor-section-inner-div/404.html new file mode 100644 index 00000000000..3afcb926b04 --- /dev/null +++ b/review/refactor-section-inner-div/404.html @@ -0,0 +1 @@ +DB UI Mono
\ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/action/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/button/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/accordion/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/brand/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-display/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/checkbox/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/data-input/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/badge/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/feedback/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/infotext/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/input/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/card/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/divider/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/drawer/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/header/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/layout/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/link/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/navigation/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/notification/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/radio/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/section/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/select/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/switch/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tab-item/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tabs/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tag/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/textarea/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/tooltip/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover/overview.json b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover/overview.json new file mode 100644 index 00000000000..70c8d10acbd --- /dev/null +++ b/review/refactor-section-inner-div/_next/data/6Y-Kl8P9sbcvB_-H_Ddch/components/utilities/popover/overview.json @@ -0,0 +1 @@ +{"pageProps":{},"__N_SSG":true} \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_buildManifest.js b/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_buildManifest.js new file mode 100644 index 00000000000..d6fac0e40e4 --- /dev/null +++ b/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST=function(o,t,s,n,a,c,e,i,p){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:e,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:a,numHashes:e,bitArray:[]},"/":[t,n,o,s,"static/chunks/pages/index-b9ba68d5ea8174ee.js"],"/404":["static/chunks/pages/404-1dc374602206b6dd.js"],"/_error":["static/chunks/pages/_error-4ce22c25a5e1e628.js"],"/base64":[i,"static/chunks/pages/base64-7004ad8813917883.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-bee657ea647360f7.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-6c6ea829b7626a13.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-3550dedddf1e881c.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-73e56b7c28beeff1.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-1ef436594322092e.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-6fb900a3b8d45cd8.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-d2cb4ac201ea0479.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-75465cabfbfd679e.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-b7164eeed54c3545.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-6c9d0d1834534a83.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-68ef945a4c5059cf.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-afafc786a68f8aea.js"],"/components/action/button/docs/Migration":[p,"static/chunks/pages/components/action/button/docs/Migration-cee25a698f22f567.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-816bbba2bc11e8db.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-cf349d79632ed646.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-ef21c08bb8c4ecaf.js"],"/components/action/button/migration":[t,n,o,s,p,"static/chunks/pages/components/action/button/migration-843e051008147de1.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-cebb9d931e9fbabb.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-787546e6c4e4ec0a.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-b0569e2648f085ce.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-614f874534b78d3e.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-562f02f7e5d6141e.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-d10335232052693c.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-1ae993d38809dec2.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-8a9329d8b6c2dbd1.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-0ff89fe28e1c0efe.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-11e1aa6a2b0754c0.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-edf76c2d143eeb8a.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-735647b57389b849.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-6f645e62585d4b3a.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-4ef935df3a93cd28.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-a291d14caf6ca9e5.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-bd1bcdea07285ec8.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-77a0dd19ec1cdc68.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-f3429b356028f0f4.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-c171806714fa8cf8.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-b10d7a45fb7b06c7.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-7c833a118757a049.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-f25d117919fb8c13.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-b3db09da7aabfff1.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-98049940efbc6edf.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-6565441320abd022.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-59247653155b862c.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-869248f04fda8762.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-f1789d238dcc9cb1.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-803e072a198ee4f5.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-2cccd8288336325c.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-5560c094ac861d00.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-b1d53a4b3fad0899.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-233ab33a271c9eb0.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-2fab6692dc178123.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-3574d9e2c5d3cb50.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-587691511b8b07d4.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-cd71b13a80cbe4d0.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-1f670faacfd5bd34.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-ed26bbc8726d913a.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-5baa5a600258bf38.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-1ce9b8f75db55947.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-5cdc0083430516bb.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-f493fcaedc11a196.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-57fbc934e932c9c1.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-2652120fd16fa964.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-f7f8208efc2cccb8.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-4ba22338f5597fac.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-6a1c94ab17baa12f.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-0b76e947528d965d.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-77d4b3e9bd603be6.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-da67beb544bc0bc3.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-ff7abd50a812bf62.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-7045d1a6a659ab03.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-c70bb1f016880bef.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-355c839b9261fdea.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-87509e0e4a3e0145.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-03eaf69fd7526a8d.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-e6aac644ff10c7f8.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c13d5918502e3e46.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-2aeb7ca269f745c7.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-226cb1a0949e0c0d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-a2bb8c0425cc4c28.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-7fd4d3b161076c48.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-e9f59601ea57965b.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-0748350f0228f5c2.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-da38ac8a192809de.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-1a3da5514db972af.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-6cf7840a4c30b64d.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-bdfbd48b9ec2a4e5.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-a116d1cc173bb077.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-d8d3bae482df7b3f.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-3d6736b80b73a701.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-0442455511920774.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-f91d1de918e61c4e.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-7eeff292d4463c39.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-f8fa068c38f1eb4d.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-c895c2420810805d.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-bcb9e391b107d4a6.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-b506976a13dd9042.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-2c74687df03fa939.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-307f9fccd820c50c.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-b5ec5a2ede1a3d6d.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-902d1df6bf6595eb.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-a4c99fad20b8c06d.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-c9c457286c334974.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-29ba4292a686cae7.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-b1f03ad9167736bc.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-095c421e530ab03a.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-0c18664671c972f9.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-1787d1993886bac8.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-fdff493c2081406b.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-0a5b4a9c31ea3795.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-28258718efd048ca.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-fc7f39ec400da4cb.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-fd2183ba523f383a.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-d2f2b2f03172d233.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-ce32296fa37df126.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-4943f401ab70dddf.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-46c5ada759b90a12.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-474ed63663e97e73.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e7721f4c6c8d2a0e.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-ef561ba1d6504d40.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-36f7d11fe58e8af6.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-6d264062e03b831e.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-f3375262c645b476.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-5571af70e787c80a.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-6f5b3676d56bd1ed.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-d7eb56a6619d64b6.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-c6eb2ded4be13a51.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-a5d9f80b9130e88a.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-c345a376f7066fe8.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-3a5bc74f392e5ad5.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-660c5413bced2d8c.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-58259c6c65ac9c93.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-88aa0298cbd0bc04.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7be378f7f55a2a2a.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-facf43d8b5c309ba.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-d615367f1ec6ef4c.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-bb858e005342be33.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-d6c516bffa90d1e8.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-1707d09a8807fe05.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-3b47e45012617d20.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-4776a05c1e753452.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-a0a5eb1f0e248b3f.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-6f0d3b941b1a435b.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-7bddecedbab71f25.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-2dd2115e4c41930e.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-649e838660db02b7.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-930ad725c827fde5.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-98e8c808b2dc5091.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-52d4f95061cd41ff.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-ac5d2a943ab4027e.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-bdf402103d2ee651.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-b2e407c244ab83ac.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-5d5fe46230a32d17.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-818fb69cebabb371.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-6c2887788e8388ee.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-6eb55a3e94115ee8.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-62db8bfbb2bd3977.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-d89a29b3cdf38706.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-0741a60c87051dd7.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-c3504ff5fef22450.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-07e5e471387a7420.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-4e1f6a959ca6d50b.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-661efab9b6e47e91.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-9339b84f7217c091.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-848372ce59524ce0.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-abb20273b3d650a1.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-df310eebd2e83f7b.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-fbdd4b4cc6231de4.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-132c35b11c2eb87a.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-8069633ed9260255.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-76241b00dd78bff6.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-c90c684a3d0acb30.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-a2f950934248d83a.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-e5a4fb234f9ec5cb.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-c2a2eb52254d98d1.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-48fb1d933d8fa67d.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-299516c93d5b7e0f.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-1a4dddf1db7ec6d8.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-c3deea293876fc68.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d3ef686b5ecec463.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-3c2f2020c3a8272f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-72bd031f7b920fdd.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-76441062b48182d8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-df6d4d6224eeb7ba.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-8228ddd9fd046fdf.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-256a180d37cc9a3f.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-92fe84fb2168c9fc.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-1d3784921af7ac1a.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-c659d62f4198e415.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-91d0ac15ea5f6b61.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-d6db85fb3c77cd0c.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-6c6bfa0f746d5c74.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-0ceda8e1a9195b52.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-fb341f47d03dbed1.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-f04069d0fb96f75c.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-029df7e88e24073a.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-35700d0e47d2a2c5.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-4fcddc99c6a508b1.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-b885d98deed3c5da.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-eaa12deee078d849.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-d6ae8bee2f1c5d14.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-8789e89617280aa6.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-7ba940c1e3f59fda.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-f02639305a230d1c.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-06748996a775b96b.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-83b3956b480d3826.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-aa1359762ca14122.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-32cbf03f5ea8a64e.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-9f9bb094ebfaa107.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-c47ffd9834509d8f.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-fcfba316a7d5c69d.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-f59ec3cff121f1e8.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-d75d22e7e3264b2b.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-273043fbbd3b0a4b.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-4a4e28916d762c5b.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-cbd46ca35e8c2734.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-0f24c34d60a9cb61.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-39c9e35b18dc93b4.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-11bc21e7a36c9a63.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-7c0508494da7d81d.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-bcfe09c7b9c4650b.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-a4423ca96a426f52.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-3bd750632e20dd4f.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-7929966201479f72.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-ebf27470dcebb491.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-9acc2cc130fa867e.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-5b69eae4ac8b2e6a.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-799f15fce35f7b13.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-55d5d7d1b1cc6330.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-611d688f688c5654.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-6241321c8f38c80f.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-b7d33d3d0ffa7e67.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8a4a4c3194be605c.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-d33b82ff7a47a4f6.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-4e643db5f7de8e62.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-f55ccef6dfeddc26.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-8549dcfe95e200d2.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-b6f57b91d71c977f.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-c8bff2e1252f6644.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-e9cf2415558b1572.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-6274e995ce7a2a44.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-d6d06a79feb49ff5.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c000fa8da70ec824.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-ec1cc07dfddd431a.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-1bbaa33cf6619cbe.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-c557e051fe72eff3.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-a293b582fb14d5c1.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-cd0a6477ee76e7f3.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-ff9f183523013acc.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-204b8133f2c18c33.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-57f1213f9d9d512c.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-719eb6daa87997df.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-87c25dc260431a24.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-0d8547ebad390ea2.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-9d7458c3e7f0450b.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-5495f124f7d39e42.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-731be6ec0ec28aa8.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-38d3aaf12e1324a9.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-c40873df285fbb0a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-a2007328d8ead26b.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-30a5935212de343a.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-18b557c065f754ba.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-abbad43c7cde8f16.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-1f0ef0c1ce5ffc0d.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-fea8bc30983e5ef1.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-94215ba466c61144.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-fa8d0c363199b137.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-85a8645c182ada48.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-201e5317e7effe51.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-4f57cd29a4d14b3e.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-daf1ade1ccf21835.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-0c401bb9a064120b.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-80865137d7a05127.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-d7d2122aece21518.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-e8b10bc713471324.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-a34c5798bfc4140d.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-98fc974a6876f166.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-cb700bdf47cbf778.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-af94a59aafcf6b30.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-45bc47c13f4c720c.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-fb4e2a8119ff3a4d.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-ef866e934526563d.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-2e6be0c048a2d504.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-57283f7fb20c84cc.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-7e689ab9954b8f13.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-9d08df68a2bf541a.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-0ec25b24e9caf9e5.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-c4c4ca2dc7e396cd.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-e204f6a5628c3b80.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-e1386bdd6ca65dfb.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-814c5ea1dedc519b.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-f8d5085f5443fbfa.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-9ee93c686ce00276.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-4d5cc7fd51aa6f30.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-14626a003bef4d4b.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-9d9505abf1ba02dd.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-3b152aa84ed8aa28.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-a2d42a9e5e41c774.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-3c2f0e2041625a2d.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-a159c9bb4ac6d415.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-e3001202aa0d1def.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-b7065c15ea5d757f.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-34d551db7cfa9ce2.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-2557f372b8f2ba4b.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-cd5e7a3f3ed3c3be.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-e81aae661bffb94f.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-a59d3ec4076b9f49.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-10ad716bdce0e825.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-bddecebf4ed0f381.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-9235d536e2876206.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-7a689cbabab9199c.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-9529ac1131850935.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-768d4df59c0bb58c.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-191024a9cc4c9f63.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-919f1e58f52d5484.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-3f312a4e1c791452.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-a2c77e4171a982f2.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-35411c759a936196.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-bb41637c28b3a72b.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-8fc2845aca9743ee.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-c494f4fdba577d06.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-e2e8b6713aded754.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-ade88bab3653d67f.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-5710259116fc7a16.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-12b7c1a1b4b01b11.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-2975997c684f147a.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-27d8d92e8c087532.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-1516d92ac5385a81.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-88a7e00f6fb776fa.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-fcc34aac076599bf.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-78f47395a80e9e91.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-979b48c30c549fd1.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-44cb6aac3ef21034.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-224f6c29f9692037.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fdb60ea84f3a6851.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-c5cfbf0dfbf48445.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-a28f80ab565cf555.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-0da48ca3bb12c508.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-63e53ccbe03d56c2.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-4c7022e69020a3c7.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-633541f0e36e4836.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-f739b96105c8feeb.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-f9b3184f3c2efb2c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-b0e4e4d408dcab27.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-b0b37e325f2c5890.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-bdecbb9f758f6cdc.js"],"/foundations/colors/color-classes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-classes-834c92cbe90d49a8.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-76616368a172e58c.js"],"/foundations/colors/color-usage-guide":[t,n,"static/chunks/5486-fea82cd636d300f8.js",o,s,"static/chunks/pages/foundations/colors/color-usage-guide-a20c8ed53038a604.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-a073cab18c0b35f9.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-89290b5a540efece.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-c78089a66328b8fd.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-8f947e9e943a4ef4.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-fcf435be9c8314ed.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-f4ec32210bb59237.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-cd0aaec294485580.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-4b0ad06d7c405889.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-8129e40a8bfab848.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-a56cedd820fb9ce1.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-18f0c7eb0ee0611b.js"],"/foundations/ide":[t,n,o,s,"static/chunks/pages/foundations/ide-77f851a7da7abb01.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-cd23e594047b295f.js"],"/foundations/test-table":[t,n,o,s,"static/chunks/pages/foundations/test-table-dc8d19a1a1b888f7.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-40381cca20a4566a.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-e8f62814bfec2ff2.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-f5547114badfe211.js"],"/iframe":[i,o,"static/chunks/pages/iframe-83a3751c69d376d2.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/properties","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/properties","/components/action/button/docs/Angular","/components/action/button/docs/HTML","/components/action/button/docs/Migration","/components/action/button/docs/React","/components/action/button/docs/Vue","/components/action/button/how-to-use","/components/action/button/migration","/components/action/button/properties","/components/action/link/docs/Angular","/components/action/link/docs/HTML","/components/action/link/docs/Migration","/components/action/link/docs/React","/components/action/link/docs/Vue","/components/action/link/how-to-use","/components/action/link/migration","/components/action/link/properties","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/properties","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/React","/components/button/docs/Vue","/components/button/properties","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/React","/components/card/docs/Vue","/components/card/properties","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/properties","/components/data-display/accordion/docs/Angular","/components/data-display/accordion/docs/HTML","/components/data-display/accordion/docs/Migration","/components/data-display/accordion/docs/React","/components/data-display/accordion/docs/Vue","/components/data-display/accordion/how-to-use","/components/data-display/accordion/migration","/components/data-display/accordion/properties","/components/data-display/accordion-item/docs/Angular","/components/data-display/accordion-item/docs/HTML","/components/data-display/accordion-item/docs/Migration","/components/data-display/accordion-item/docs/React","/components/data-display/accordion-item/docs/Vue","/components/data-display/accordion-item/how-to-use","/components/data-display/accordion-item/migration","/components/data-display/accordion-item/properties","/components/data-display/brand/docs/Angular","/components/data-display/brand/docs/HTML","/components/data-display/brand/docs/Migration","/components/data-display/brand/docs/React","/components/data-display/brand/docs/Vue","/components/data-display/brand/how-to-use","/components/data-display/brand/migration","/components/data-display/brand/properties","/components/data-display/infotext/docs/Angular","/components/data-display/infotext/docs/HTML","/components/data-display/infotext/docs/Migration","/components/data-display/infotext/docs/React","/components/data-display/infotext/docs/Vue","/components/data-display/infotext/how-to-use","/components/data-display/infotext/migration","/components/data-display/infotext/properties","/components/data-display/tab-item/docs/Angular","/components/data-display/tab-item/docs/HTML","/components/data-display/tab-item/docs/Migration","/components/data-display/tab-item/docs/React","/components/data-display/tab-item/docs/Vue","/components/data-display/tab-item/how-to-use","/components/data-display/tab-item/migration","/components/data-display/tab-item/properties","/components/data-display/tabs/docs/Angular","/components/data-display/tabs/docs/HTML","/components/data-display/tabs/docs/Migration","/components/data-display/tabs/docs/React","/components/data-display/tabs/docs/Vue","/components/data-display/tabs/how-to-use","/components/data-display/tabs/migration","/components/data-display/tabs/properties","/components/data-display/tag/docs/Angular","/components/data-display/tag/docs/HTML","/components/data-display/tag/docs/Migration","/components/data-display/tag/docs/React","/components/data-display/tag/docs/Vue","/components/data-display/tag/how-to-use","/components/data-display/tag/migration","/components/data-display/tag/properties","/components/data-display/tooltip/docs/Angular","/components/data-display/tooltip/docs/HTML","/components/data-display/tooltip/docs/Migration","/components/data-display/tooltip/docs/React","/components/data-display/tooltip/docs/Vue","/components/data-display/tooltip/how-to-use","/components/data-display/tooltip/migration","/components/data-display/tooltip/properties","/components/data-input/checkbox/docs/Angular","/components/data-input/checkbox/docs/HTML","/components/data-input/checkbox/docs/Migration","/components/data-input/checkbox/docs/React","/components/data-input/checkbox/docs/Vue","/components/data-input/checkbox/how-to-use","/components/data-input/checkbox/migration","/components/data-input/checkbox/properties","/components/data-input/input/docs/Angular","/components/data-input/input/docs/HTML","/components/data-input/input/docs/Migration","/components/data-input/input/docs/React","/components/data-input/input/docs/Vue","/components/data-input/input/how-to-use","/components/data-input/input/migration","/components/data-input/input/properties","/components/data-input/radio/docs/Angular","/components/data-input/radio/docs/HTML","/components/data-input/radio/docs/Migration","/components/data-input/radio/docs/React","/components/data-input/radio/docs/Vue","/components/data-input/radio/how-to-use","/components/data-input/radio/migration","/components/data-input/radio/properties","/components/data-input/select/docs/Angular","/components/data-input/select/docs/HTML","/components/data-input/select/docs/Migration","/components/data-input/select/docs/React","/components/data-input/select/docs/Vue","/components/data-input/select/how-to-use","/components/data-input/select/migration","/components/data-input/select/properties","/components/data-input/switch/docs/Angular","/components/data-input/switch/docs/HTML","/components/data-input/switch/docs/Migration","/components/data-input/switch/docs/React","/components/data-input/switch/docs/Vue","/components/data-input/switch/how-to-use","/components/data-input/switch/migration","/components/data-input/switch/properties","/components/data-input/textarea/docs/Angular","/components/data-input/textarea/docs/HTML","/components/data-input/textarea/docs/Migration","/components/data-input/textarea/docs/React","/components/data-input/textarea/docs/Vue","/components/data-input/textarea/how-to-use","/components/data-input/textarea/migration","/components/data-input/textarea/properties","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/properties","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/properties","/components/feedback/badge/docs/Angular","/components/feedback/badge/docs/HTML","/components/feedback/badge/docs/Migration","/components/feedback/badge/docs/React","/components/feedback/badge/docs/Vue","/components/feedback/badge/how-to-use","/components/feedback/badge/migration","/components/feedback/badge/properties","/components/feedback/notification/docs/Angular","/components/feedback/notification/docs/HTML","/components/feedback/notification/docs/Migration","/components/feedback/notification/docs/React","/components/feedback/notification/docs/Vue","/components/feedback/notification/how-to-use","/components/feedback/notification/migration","/components/feedback/notification/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/properties","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/properties","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/properties","/components/layout/card/docs/Angular","/components/layout/card/docs/HTML","/components/layout/card/docs/Migration","/components/layout/card/docs/React","/components/layout/card/docs/Vue","/components/layout/card/how-to-use","/components/layout/card/migration","/components/layout/card/properties","/components/layout/divider/docs/Angular","/components/layout/divider/docs/HTML","/components/layout/divider/docs/Migration","/components/layout/divider/docs/React","/components/layout/divider/docs/Vue","/components/layout/divider/how-to-use","/components/layout/divider/migration","/components/layout/divider/properties","/components/layout/drawer/docs/Angular","/components/layout/drawer/docs/HTML","/components/layout/drawer/docs/Migration","/components/layout/drawer/docs/React","/components/layout/drawer/docs/Vue","/components/layout/drawer/how-to-use","/components/layout/drawer/migration","/components/layout/drawer/properties","/components/layout/header/docs/Angular","/components/layout/header/docs/HTML","/components/layout/header/docs/Migration","/components/layout/header/docs/React","/components/layout/header/docs/Vue","/components/layout/header/how-to-use","/components/layout/header/migration","/components/layout/header/properties","/components/layout/section/docs/Angular","/components/layout/section/docs/HTML","/components/layout/section/docs/Migration","/components/layout/section/docs/React","/components/layout/section/docs/Vue","/components/layout/section/how-to-use","/components/layout/section/migration","/components/layout/section/properties","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/properties","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/navigation/docs/Accessibility","/components/navigation/navigation/docs/Angular","/components/navigation/navigation/docs/HTML","/components/navigation/navigation/docs/Migration","/components/navigation/navigation/docs/React","/components/navigation/navigation/docs/Vue","/components/navigation/navigation/how-to-use","/components/navigation/navigation/migration","/components/navigation/navigation/properties","/components/navigation/navigation-item/docs/Angular","/components/navigation/navigation-item/docs/HTML","/components/navigation/navigation-item/docs/Migration","/components/navigation/navigation-item/docs/React","/components/navigation/navigation-item/docs/Vue","/components/navigation/navigation-item/how-to-use","/components/navigation/navigation-item/migration","/components/navigation/navigation-item/properties","/components/navigation/properties","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/properties","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/properties","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/properties","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/properties","/components/readme","/components/router-usage","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/React","/components/section/docs/Vue","/components/section/properties","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/React","/components/select/docs/Vue","/components/select/properties","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/properties","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/properties","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/properties","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/properties","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/properties","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/properties","/components/utilities/popover/docs/Angular","/components/utilities/popover/docs/HTML","/components/utilities/popover/docs/Migration","/components/utilities/popover/docs/React","/components/utilities/popover/docs/Vue","/components/utilities/popover/how-to-use","/components/utilities/popover/migration","/components/utilities/popover/properties","/components/validation","/components/[[...slug]]","/foundations","/foundations/colors","/foundations/colors/color-classes","/foundations/colors/color-schemes","/foundations/colors/color-usage-guide","/foundations/colors/readme","/foundations/densities","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/ide","/foundations/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/8367-ef0aa33c551d7f79.js","static/chunks/3578-69ad1af34f693eb7.js","static/chunks/2372-20092661c9c777cc.js","static/chunks/8250-a5005020b9961089.js",0,0,NaN,"static/chunks/1048-3eaf0a942fe12a1a.js","static/chunks/7019-0b8010dbdd3dbfbe.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_ssgManifest.js b/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_ssgManifest.js new file mode 100644 index 00000000000..e52892ab4d6 --- /dev/null +++ b/review/refactor-section-inner-div/_next/static/6Y-Kl8P9sbcvB_-H_Ddch/_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/refactor-section-inner-div/_next/static/chunks/1048-3eaf0a942fe12a1a.js b/review/refactor-section-inner-div/_next/static/chunks/1048-3eaf0a942fe12a1a.js new file mode 100644 index 00000000000..c0aa3823ac3 --- /dev/null +++ b/review/refactor-section-inner-div/_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/refactor-section-inner-div/_next/static/chunks/2372-20092661c9c777cc.js b/review/refactor-section-inner-div/_next/static/chunks/2372-20092661c9c777cc.js new file mode 100644 index 00000000000..04d5165ba59 --- /dev/null +++ b/review/refactor-section-inner-div/_next/static/chunks/2372-20092661c9c777cc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2372],{42372:(n,e,a)=>{a.d(e,{bw:()=>tD,ll:()=>tv,sr:()=>tf,g9:()=>tj,Oj:()=>tA,Pb:()=>tT});var t={};a.r(t),a.d(t,{Behaviour:()=>ep,Content:()=>eu,Density:()=>ec,Size:()=>eh,State:()=>eb,Variant:()=>ed});var i={};a.r(i),a.d(i,{Content:()=>eD,Density:()=>ex,InteractionStates:()=>em,Semantic:()=>eg,Size:()=>ev});var o={};a.r(o),a.d(o,{Behaviour:()=>eT,Density:()=>eB,Variant:()=>ej});var l={};a.r(l),a.d(l,{ContentStates:()=>ey,Density:()=>eA,InteractionStates:()=>ef});var s={};a.r(s),a.d(s,{Density:()=>ek,Variants:()=>ew});var r={};a.r(r),a.d(r,{Animations:()=>e_,Density:()=>eN,Emphasis:()=>eC,Placement:()=>eL,Variant:()=>eI,Width:()=>eH});var c={};a.r(c),a.d(c,{Density:()=>eP,Semantic:()=>eR,Size:()=>eS});var d={};a.r(d),a.d(d,{Behaviour:()=>eM,Content:()=>eW,Density:()=>eE,Emphasis:()=>eO,Example:()=>eU,Overflow:()=>ez,Semantic:()=>eF,State:()=>eV});var b={};a.r(b),a.d(b,{Density:()=>eq,Examples:()=>e$,Orientation:()=>eJ,Overflow:()=>eY,Width:()=>eG});var h={};a.r(h),a.d(h,{Behaviour:()=>eZ,Content:()=>eX,ContentAlignmentFullWidth:()=>e0,Density:()=>eK,States:()=>eQ});var u={};a.r(u),a.d(u,{Content:()=>e9,Density:()=>e1,InteractionStates:()=>e2,Requirement:()=>e5,Size:()=>e4,States:()=>e3});var p={};a.r(p),a.d(p,{Content:()=>aa,Density:()=>e8,ExampleTypes:()=>ai,ExampleTypesFloatingLabel:()=>ao,Requirement:()=>at,StatesFloatingLabel:()=>ae,StatesLabelAbove:()=>an,VariantHelperMessage:()=>e7,VariantLabel:()=>e6});var x={};a.r(x),a.d(x,{Content:()=>ab,Density:()=>al,InteractionStates:()=>as,Requirement:()=>ad,Size:()=>ac,States:()=>ar});var g={};a.r(g),a.d(g,{Content:()=>am,Density:()=>ah,Requirement:()=>av,StatesFloatingLabel:()=>ag,StatesLabelAbove:()=>ax,VariantHelperMessage:()=>ap,VariantLabel:()=>au});var m={};a.r(m),a.d(m,{Content:()=>af,Density:()=>aD,Emphasis:()=>aj,Examples:()=>ay,Size:()=>aA,States:()=>aB,VisualAid:()=>aT});var v={};a.r(v),a.d(v,{Density:()=>ak,Requirement:()=>aL,Rows:()=>aH,StatesFloatingLabel:()=>aC,StatesLabelAbove:()=>aI,VariantHelperMessage:()=>aN,VariantLabel:()=>aw});var D={};a.r(D),a.d(D,{Behaviour:()=>aS,ContentVariantDocked:()=>aE,ContentVariantOverlay:()=>aF,ContentVariantStandalone:()=>aO,Density:()=>a_,Semantic:()=>aR,Variant:()=>aP});var B={};a.r(B),a.d(B,{Content:()=>aU,Density:()=>aM,Emphasis:()=>aV,Examples:()=>aJ,Placement:()=>aq,Semantic:()=>aW,Size:()=>az});var j={};a.r(j),a.d(j,{Behaviour:()=>aK,Density:()=>aG,ElevationLevel:()=>aY,Example:()=>aQ,Spacing:()=>a$});var T={};a.r(T),a.d(T,{Density:()=>aX,Emphasis:()=>a0,Variant:()=>aZ});var A={};a.r(A),a.d(A,{Backdrop:()=>a5,Density:()=>a1,Directions:()=>a9,Example:()=>a8,Rounded:()=>a3,Size:()=>a2,Spacing:()=>a4});var f={};a.r(f),a.d(f,{Behaviour:()=>tn,Density:()=>a6,Examples:()=>te,Width:()=>a7});var y={};a.r(y),a.d(y,{Density:()=>ta,Spacing:()=>ti,Width:()=>tt});var k={};a.r(k),a.d(k,{Density:()=>to});var w={};a.r(w),a.d(w,{Content:()=>tr,Density:()=>tl,InteractionStates:()=>ts,Width:()=>tc});var N={};a.r(N),a.d(N,{Animations:()=>tp,Density:()=>td,Gap:()=>tu,Placement:()=>th,Spacing:()=>tb,Width:()=>tx});var I=a(31085),C=a(95374),L=a(14041),H=a(64286),_=a(40956),P=a(13210),R=a(51034),S=a(42305);let E=()=>{let n=(0,S.useRouter)(),e=(0,S.usePathname)(),[a,t]=[(0,S.useSearchParams)()];return[a,a=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(a);if(e.sort(),n.toString()===e.toString())return}t?t(a):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(a).toString())))}]},O=function(){var n,e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,i]=E(),[o,l]=(0,L.useState)(null!==(n=t.get(R.HI))&&void 0!==n?n:R.fY.REGULAR),[s,r]=(0,L.useState)(null!==(e=t.get(R.wr))&&void 0!==e?e:R.o$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[n,e]of Array.from(t.entries()))e&&(n===R.HI&&o!==e&&l(e),n===R.wr&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[t]),(0,L.useEffect)(()=>{if(u){let n={density:o,color:s};c&&(n.page=c),b&&(n.fullscreen=!0),a&&i(n)}},[s,o,c,b,u]),[o,l,s,r,c,b]};var F=a(39907);let M=n=>{let{name:e,examples:a,color:t,role:i,SlotCode:o}=n,l=(0,L.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[s,r]=(0,L.useState)();return(0,I.jsxs)(H.A,{className:"variants-card db-code-docs",elevationLevel:l(),children:[(0,I.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:a.map((n,e)=>(0,I.jsx)("div",{style:n.style,className:n.className,"data-density":n.density,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,I.jsxs)("details",{className:"code-details",onToggle:()=>{r(!s)},children:[(0,I.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,I.jsxs)("div",{"data-density":"functional",children:[(0,I.jsx)("div",{className:"backdrop"}),(0,I.jsx)(H.A,{className:"code",spacing:"small",children:(0,I.jsx)(o,{})})]})]})]})},V=n=>{var e;let{title:a,variants:t,subComponent:i,isSubComponent:o,componentName:l}=n,s=null==F||null===(e=F.env)||void 0===e,r=O(s)[4],c=O(s)[2],d=n=>{{let e=new URLSearchParams(window.location.href.split("?")[1]);return e.set("page",n.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(e.toString())}},b=(n,e)=>{var a;if(!window.location.origin||!window.location.href)return;let t=window.location.href.split("?"),i=t[0],o=new URLSearchParams(null!==(a=t[1])&&void 0!==a?a:"");o.set("page",e.toLowerCase());let s=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(t[0],"?").concat(o.toString());window.open(s,"_blank")};if(r){let n=t.find(n=>n.name.toLowerCase()===r);if(n)return(0,I.jsx)(M,{...n,color:c})}return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"default-container",children:[(0,I.jsx)(o?"h2":"h1",{children:a}),null==t?void 0:t.map((n,e)=>(0,I.jsxs)("div",{children:[(0,I.jsx)(_.A,{}),(0,I.jsx)(P.A,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,I.jsx)(M,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},W=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled"},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon & Text","props":{"icon":"person"}},{"name":"Icon","props":{"icon":"person","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width"},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]'),z=(n,e,a)=>n.map((n,t)=>{var i;return{...n,SlotCode:null==a?void 0:a[null!==(i=n.codeFileName)&&void 0!==i?i:n.name.replaceAll(" ","")],examples:n.examples.map((n,a)=>{var t,i,o,l;return{...n,example:e({...n.props,id:null!==(o=null===(t=n.props)||void 0===t?void 0:t.id)&&void 0!==o?o:n.name,children:null!==(l=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==l?l:n.name})}})}}),U=n=>{let{variant:e,state:a,size:t,noText:i,icon:o,width:l,disabled:s,children:r,type:c}=n;return(0,I.jsx)(C.A,{variant:e,state:a,size:t,noText:i,icon:o,disabled:s,width:l,onClick:()=>{alert(r.toString())},type:c,children:r})},q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"href":"#"}},{"name":"(Default) Regular","density":"regular","props":{"href":"#"}},{"name":"Expressive","density":"expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]'),J=n=>{let{href:e,variant:a,disabled:t,size:i,content:o,children:l}=n;return(0,I.jsx)(P.A,{href:e,variant:a,disabled:t,size:i,content:o,children:l})};var G=a(64140),Y=a(54116),$=a(50402);let K=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]'),Q=n=>{let{behaviour:e,children:a,variant:t}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(G.A,{size:"small",semantic:"informational",icon:"none",children:a}),(0,I.jsxs)(Y.A,{behaviour:e,variant:t,children:[(0,I.jsx)($.A,{headlinePlain:"Item 1",content:"Content 1"}),(0,I.jsx)($.A,{headlinePlain:"Item 2",content:"Content 2"}),(0,I.jsx)($.A,{headlinePlain:"Item 3",content:"Content 3"})]})]})},X=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","density":"regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","density":"expressive","props":{"headlinePlain":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headlinePlain":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headlinePlain":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headlinePlain":"(Default) Collapsed"}},{"name":"Open","props":{"headlinePlain":"Open","open":true}}]}]'),Z=n=>{let{children:e,disabled:a,open:t,headlinePlain:i}=n;return(0,I.jsx)($.A,{headlinePlain:i,disabled:a,defaultOpen:t,children:e})},nn=n=>(0,I.jsx)(V,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(X,Z,n.slotCode)});var ne=a(23944);let na=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]');var nt=a(39907);let ni=n=>{var e,a;let{children:t,hideLogo:i,customLogo:o}=n;return(0,I.jsxs)(ne.A,{hideLogo:i,children:[o&&(0,I.jsx)("img",{src:"".concat(null!==(a=null==nt?void 0:null===(e=nt.env)||void 0===e?void 0:"/mono/review/refactor-section-inner-div")&&void 0!==a?a:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),t]})};var no=a(20156);let nl=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"examples":[{"name":"Functional","density":"functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","density":"regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","density":"expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]'),ns=n=>{let{children:e,width:a,emphasis:t,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,I.jsxs)(C.A,{children:[e,(0,I.jsx)(no.A,{width:a,emphasis:t,placement:i,animation:s,delay:o,variant:r,children:l})]})},nr=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]}]'),nc=n=>{let{semantic:e,size:a,icon:t,children:i}=n;return(0,I.jsx)(G.A,{semantic:e,size:a,icon:t,children:i})};var nd=a(85776);let nb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","role":"group","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox01"},"children":[{"name":"input","native":true,"props":{"id":"checkbox01","type":"checkbox"}}]}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 1","props":{"for":"radio01"},"children":[{"name":"input","native":true,"props":{"name":"radio01","id":"radio01","type":"radio"}}]}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 2","props":{"for":"radio02"},"children":[{"name":"input","native":true,"props":{"name":"radio02","id":"radio02","type":"radio"}}]}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","role":"group","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox02"},"children":[{"name":"input","native":true,"props":{"for":"checkbox02","type":"checkbox"}}]}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox03"},"children":[{"name":"input","native":true,"props":{"checked":true,"id":"checkbox03","type":"checkbox"}}]}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox04"},"children":[{"name":"input","native":true,"props":{"checked":true,"disabled":true,"id":"checkbox04","type":"checkbox"}}]}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"person","noText":true}},{"name":"Icon & Text","props":{"icon":"person"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","role":"group","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"person","behaviour":"removable"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"person"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"person"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox05"},"children":[{"name":"input","native":true,"id":"checkbox05","type":"checkbox"}]}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio03"},"children":[{"name":"label","native":true,"content":"Interactive Radio 3","props":{"for":"radio03"},"children":[{"name":"input","native":true,"props":{"name":"radio03","id":"radio03","type":"radio"}}]}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio02"},"children":[{"name":"label","native":true,"content":"Interactive Radio 4","props":{"for":"radio04"},"children":[{"name":"input","native":true,"props":{"name":"radio04","id":"radio04","type":"radio"}}]}]}]}]'),nh=n=>{let{semantic:e,disabled:a,children:t,icon:i,overflow:o,noText:l,behaviour:s,emphasis:r,removeButton:c,checked:d,component:b,identifier:h}=n,[u,p]=(0,L.useState)(null!=d&&d);return(0,I.jsxs)(nd.A,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(t.toString())},children:["button"===b&&(0,I.jsx)("button",{children:t}),"link"===b&&(0,I.jsx)("a",{href:"#",children:t}),"checkbox"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"checkbox",checked:u,disabled:a,onChange:n=>{p(n.target.checked)}}),t]}),"radio"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"radio",checked:d,name:h}),t]}),!b&&!o&&(0,I.jsx)(I.Fragment,{children:t}),!b&&o&&(0,I.jsx)("span",{children:t})]})};var nu=a(79834),np=a(97518),nx=a(10300),ng=a(7852);let nm=JSON.parse('[{"name":"Density","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]'),nv=n=>{let{children:e,orientation:a,width:t,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,I.jsxs)("div",{className:"w-full",children:[(0,I.jsxs)(G.A,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,I.jsxs)(nu.A,{orientation:a,width:t,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Test 1"}),(0,I.jsx)(nx.A,{children:"Test 2"}),(0,I.jsx)(nx.A,{children:"Test 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nx.A,{children:"Test 4"}),(0,I.jsx)(nx.A,{children:"Test 5"})]})]}),(0,I.jsx)(ng.A,{children:"Tab Panel 1"}),(0,I.jsx)(ng.A,{children:"Tab Panel 2"}),(0,I.jsx)(ng.A,{children:"Tab Panel 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ng.A,{children:"Tab Panel 4"}),(0,I.jsx)(ng.A,{children:"Tab Panel 5"})]})]})]})},nD=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","className":"tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","density":"regular","className":"tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","density":"expressive","className":"tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"db"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"db"}},{"name":"Icon","props":{"icon":"db","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]'),nB=n=>{let{children:e,active:a,noText:t,icon:i,iconAfter:o,disabled:l}=n;return(0,I.jsx)(np.A,{children:(0,I.jsx)(nx.A,{active:a,noText:t,icon:i,iconAfter:o,disabled:l,children:e})})},nj=n=>(0,I.jsx)(V,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(nD,nB,n.slotCode)});var nT=a(39892);let nA=JSON.parse('[{"name":"Density","role":"group","examples":[{"name":"Functional","density":"functional","props":{"name":"Density"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density"}},{"name":"Expressive","density":"expressive","props":{"name":"Density"}}]},{"name":"Interaction States","role":"group","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"group","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true}}]},{"name":"Size","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"group","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true,"required":true}}]},{"name":"Content","role":"group","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Long label","style":{"width":"100px"},"props":{"checked":true,"name":"Long label"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]'),nf=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c}=n;return(0,I.jsx)(nT.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,indeterminate:r,children:l})};var ny=a(59916);let nk=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"db"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"db","iconAfter":"db"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}},{"name":"Datalist","props":{"label":"Label","dataList":true}},{"name":"File","props":{"label":"Label","type":"file"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}},{"name":"Datalist","props":{"label":"Label","variant":"floating","dataList":true}},{"name":"File","props":{"label":"Label","type":"file","variant":"floating"}}]}]'),nw=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nN=n=>{let{label:e,value:a,type:t,minLength:i,required:o,disabled:l,iconAfter:s,icon:r,children:c,message:d,variant:b,readOnly:h,dataList:u}=n;return(0,I.jsx)(ny.A,{label:e,message:d,placeholder:c,variant:b,defaultValue:a,type:t,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,dataList:u?nw(b):void 0})};var nI=a(85980);let nC=JSON.parse('[{"name":"Density","role":"radiogroup","examples":[{"name":"Functional","density":"functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","density":"expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","role":"radiogroup","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"radiogroup","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"radiogroup","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","role":"radiogroup","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]'),nL=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,value:r,variant:c}=n;return(0,I.jsx)(nI.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,value:r,children:l})};var nH=a(47982);let n_=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","density":"regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","density":"expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label","selected":true},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled","selected":true},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]}]'),nP=n=>{let{children:e,label:a,options:t,icon:i,message:o,disabled:l,value:s,required:r,variant:c}=n,[d,b]=(0,L.useState)(s);return(0,I.jsx)(nH.A,{label:a,placeholder:e,options:t,disabled:l,variant:c,icon:i,value:d,onChange:n=>{b(n.target.value)},message:o,required:r,children:e})};var nR=a(98142);let nS=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","props":{}},{"name":"regular (Default)","density":"regular","props":{}},{"name":"expressive","density":"expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled"},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label"},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]'),nE=n=>{let{children:e,checked:a,visualAid:t,disabled:i,variant:o,emphasis:l,size:s,icon:r,iconAfter:c}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nR.A,{visualAid:t,defaultChecked:a,disabled:i,variant:o,size:s,emphasis:l,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,I.jsx)(G.A,{semantic:"informational",icon:"none",children:e})]})};var nO=a(85194);let nF=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]'),nM=n=>{let{cols:e,disabled:a,message:t,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b}=n,[h,u]=(0,L.useState)(s);return(0,I.jsx)(nO.A,{cols:e,disabled:a,message:t,label:i,variant:b,readOnly:r,onChange:n=>{u(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var nV=a(91836);let nW=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","density":"regular","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","density":"expressive","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","behaviour":"closable","timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","behaviour":"closable"}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","behaviour":"closable"}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","behaviour":"closable"}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","behaviour":"closable"}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","behaviour":"closable"}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","behaviour":"closable"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Permanent","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Closeable","style":{"width":"300px"},"props":{"behaviour":"closable"}}]},{"name":"Content - Variant:Docked","codeFileName":"ContentVariantDocked","examples":[{"name":"Text","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Standalone","codeFileName":"ContentVariantStandalone","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"standalone","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Overlay","codeFileName":"ContentVariantOverlay","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"overlay","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Timed","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Timed & Cloaseable","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Icon & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","timestamp":"10 min ago","variant":"overlay"}}]}]');var nz=a(39907);let nU=()=>{var n,e;return(null==nz?void 0:null===(n=nz.env)||void 0===n?void 0:"/mono/review/refactor-section-inner-div")?"/mono/review/refactor-section-inner-div":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nq=n=>{let{semantic:e,icon:a,headline:t,variant:i,children:o,behaviour:l,link:s,timestamp:r,linkVariant:c,img:d}=n;return(0,I.jsx)(nV.A,{semantic:e,icon:a,headline:t,link:s?(0,I.jsx)(P.A,{href:"#",children:"Textlink"}):void 0,image:d?(0,I.jsx)("img",{src:"".concat(nU(),"/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder"}):void 0,variant:i,behaviour:l,linkVariant:c,timestamp:r,onClose:()=>{alert(o.toString())},children:o})};var nJ=a(22076),nG=a(80692);let nY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]'),n$=n=>{let{children:e,semantic:a,emphasis:t,noContent:i,size:o,placement:l,example:s}=n;return(0,I.jsxs)(I.Fragment,{children:[!l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:a,emphasis:t,size:o,children:i?"":e}),i&&(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(C.A,{icon:"person",variant:"outlined",noText:!0,children:[(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===l&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"badge-inline-container",children:[(0,I.jsx)(nG.A,{icon:"person"}),(0,I.jsx)("span",{children:e}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,I.jsx)(nG.A,{icon:"error"})]})}),"icon"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:"critical",emphasis:"strong",size:o,children:(0,I.jsx)(nG.A,{icon:"person",children:e})}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nJ.A,{semantic:"successful",children:"9"}),(0,I.jsx)(nJ.A,{semantic:"informational",children:"12"}),(0,I.jsx)(nJ.A,{semantic:"warning",children:"123"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,I.jsx)(nJ.A,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,I.jsx)(G.A,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},nK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Elevation Level","examples":[{"name":"(Default) Level 1 - Adaptive","props":{"elevationLevel":"1"}},{"name":"Level 2 - Adaptive","props":{"elevationLevel":"2"}},{"name":"Level 3 - Adaptive","props":{"elevationLevel":"3"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small"}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"None","props":{"spacing":"none"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive"},{"name":"Interactive","props":{"behaviour":"interactive"}}]},{"name":"Example","examples":[{"name":"Level 1 - Interactive","props":{"elevationLevel":"1","behaviour":"interactive"}},{"name":"Level 2 - Interactive","props":{"elevationLevel":"2","behaviour":"interactive"}},{"name":"Level 3 - Interactive","props":{"elevationLevel":"3","behaviour":"interactive"}}]}]'),nQ=n=>{let{behaviour:e,children:a,spacing:t,elevationLevel:i}=n;return(0,I.jsx)(H.A,{behaviour:e,spacing:t,elevationLevel:i,children:(0,I.jsx)("strong",{children:a})})},nX=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","density":"functional","props":{"width":"full"}},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","density":"regular","props":{"width":"full"}},{"name":"Expressive","style":{"width":"200px"},"content":"","density":"expressive","props":{"width":"full"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical","width":"full"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong","width":"full"}}]}]'),nZ=n=>{let{variant:e,emphasis:a,children:t,width:i}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(G.A,{size:"small",semantic:"informational",children:t}),(0,I.jsx)(_.A,{variant:e,emphasis:a,width:i})]})};var n0=a(87612);let n1=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","density":"regular","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","density":"expressive","props":{"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Rounded","props":{"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"None","props":{"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Backdrop-weak","props":{"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Example","examples":[{"name":"(Default) As modal","props":{"variant":"modal","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Inside","props":{"variant":"inside","open":"open","onClose":"toggleDrawer(false)"}}]}]'),n2=n=>{let{id:e,width:a,rounded:t,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c,variant:d}=n;return(0,I.jsxs)("div",{children:[(0,I.jsxs)(C.A,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,I.jsx)(n0.A,{rounded:t,width:a,spacing:i,backdrop:c,direction:s,variant:d,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n3=a(23116),n4=a(61338),n5=a(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}}]}]'),n8=n=>{let{drawerOpen:e,forceMobile:a,burgerMenuLabel:t,children:i,className:o,describedbyid:l,id:s,key:r,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=n;return(0,I.jsx)(n3.A,{width:d,brand:(0,I.jsx)(ne.A,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(P.A,{href:"#",children:"Imprint"}),(0,I.jsx)(P.A,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,I.jsx)(C.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(C.A,{icon:"person",variant:"ghost",noText:!0,children:"Profile"}),(0,I.jsx)(C.A,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,I.jsx)(C.A,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:a,burgerMenuLabel:t,className:o,describedbyid:l,id:s,onToggle:c,children:(!b||h)&&(0,I.jsxs)(n4.A,{"aria-label":i,children:[(0,I.jsx)(n5.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:i})}),(0,I.jsx)(n5.A,{disabled:!0,children:(0,I.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n6=a(12764);let n7=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}},{"name":"None","props":{"spacing":"none"}}]}]'),en=n=>{let{width:e,spacing:a,children:t}=n;return(0,I.jsxs)(n6.A,{className:"db-informational-bg-basic-level-2 section-card-container",spacing:a,width:e,children:[(0,I.jsx)(H.A,{children:t}),(0,I.jsx)(H.A,{children:t}),(0,I.jsx)(H.A,{children:t}),(0,I.jsx)(H.A,{children:t})]})},ee=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","children":[{"name":"navigation-item","slot":"sub-navigation","props":{"active":true},"children":[{"name":"a","native":true,"content":"Sub-Sub-Navi-Item 1","props":{"href":"#"}}]}]}]},{"name":"navigation-item","children":[{"name":"a","native":true,"content":"Navi-Item 2","props":{"href":"#"}}]}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]}]'),ea=n=>{let{children:e}=n,a="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,I.jsxs)("div",{children:[(0,I.jsx)(G.A,{id:a,size:"small",semantic:"informational",icon:"none",children:e}),(0,I.jsxs)(n4.A,{labelledBy:a,children:[(0,I.jsx)(n5.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n5.A,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n5.A,{children:(0,I.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,I.jsx)(n5.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,I.jsx)(n5.A,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,I.jsx)(n5.A,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,I.jsx)(n5.A,{disabled:!0,children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},et=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Functional"}]},{"name":"(Default) Regular","density":"regular","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Regular"}]},{"name":"Expressive","density":"expressive","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Expressive"}]}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Enabled (Default)/Hover/Pressed"}]},{"name":"Active","props":{"active":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Active"}]},{"name":"Disabled","props":{"disabled":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Disabled"}]}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Text"}]},{"name":"Text - Icon (Leading)","props":{"icon":"person"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Leading)"}]},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"person","areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icons (Leading, Chevron)"}]},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Chevron)"}]}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Auto"}]},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Full"}]}]}]'),ei=n=>{let{children:e,icon:a,disabled:t,active:i,width:o,areaPopup:l}=n;return(0,I.jsx)("ul",{children:(0,I.jsx)(n5.A,{icon:a,disabled:t,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,I.jsxs)("ul",{children:[(0,I.jsx)(n5.A,{children:(0,I.jsx)("a",{href:"#",children:"Test1"})}),(0,I.jsx)(n5.A,{children:(0,I.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,I.jsx)("a",{href:"#",children:e})})})},eo=n=>(0,I.jsx)(V,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:z(et,ei,n.slotCode)});var el=a(36428);let es=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"Functional","density":"functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","density":"regular","props":{"id":"popover-02"}},{"name":"Expressive","density":"expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"Large","props":{"spacing":"large","id":"popover-055"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]'),er=n=>{let{id:e,children:a,width:t,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,I.jsx)(el.A,{trigger:(0,I.jsx)(C.A,{children:a}),width:t,gap:i,spacing:o,placement:l,animation:c,delay:s,id:e,children:null!=r?r:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("ul",{className:"popover-list",children:[(0,I.jsx)("li",{children:"Popover Custom Item 1"}),(0,I.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,I.jsx)(C.A,{children:"Popover Custom Item 3"})]})})},ec=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},ed=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Enabled "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Enabled "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Enabled "),navigator.clipboard.writeText(" (Default) Enabled ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Enabled\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Enabled\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Enabled\n"),navigator.clipboard.writeText("\n(Default) Enabled\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Disabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eh=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Auto Width "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Auto Width "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Auto Width "),navigator.clipboard.writeText(" (Default) Auto Width ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Auto Width\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Auto Width\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Auto Width\n"),navigator.clipboard.writeText("\n(Default) Auto Width\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Width full'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Enabled (Default)/Hover/Pressed '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Enabled (Default)/Hover/Pressed '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Enabled (Default)/Hover/Pressed '),navigator.clipboard.writeText(' Enabled (Default)/Hover/Pressed ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
Functional
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Functional\n
Functional
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Functional\n
Functional
\n
'),navigator.clipboard.writeText('
\n Functional\n
Functional
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
Expressive
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
Expressive
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Expressive\n
Expressive
\n
'),navigator.clipboard.writeText('
\n Expressive\n
Expressive
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) With Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) With Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) With Logo
'),navigator.clipboard.writeText('
(Default) With Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
No Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
No Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
No Logo
'),navigator.clipboard.writeText('
No Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Custom Logo
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Custom Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Custom Logo
'),navigator.clipboard.writeText('
Custom Logo
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Strong
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Strong
'),navigator.clipboard.writeText('
Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Neutral
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Neutral
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Neutral
'),navigator.clipboard.writeText('
Neutral
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Critical
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Critical
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Critical
'),navigator.clipboard.writeText('
Critical
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Informational
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Informational
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Informational
'),navigator.clipboard.writeText('
Informational
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Successful
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Successful
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Successful
'),navigator.clipboard.writeText('
Successful
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Warning
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Warning
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Warning
'),navigator.clipboard.writeText('
Warning
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Adaptive Strong
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Adaptive Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Adaptive Strong
'),navigator.clipboard.writeText('
Adaptive Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Interactive Link
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Interactive Link
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Interactive Link
'),navigator.clipboard.writeText('
Interactive Link
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n Remove tag\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Removeable\n Remove tag\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Removeable\n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n Remove tag\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Icon
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon
'),navigator.clipboard.writeText('
Icon
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon & Text
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
Icon & Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon & Text
'),navigator.clipboard.writeText('
Icon & Text
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
With Overflow (max-width)
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
With Overflow (max-width)
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
With Overflow (max-width)
'),navigator.clipboard.writeText('
With Overflow (max-width)
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n functionalFunctional\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n functionalFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functionalFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functionalFunctional\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular(Default)\n Regular\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n expressiveExpressive\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n expressiveExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressiveExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressiveExpressive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activeactive\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n activeactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activeactive\n
    • '),navigator.clipboard.writeText('
  • \n activeactive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activedisabled\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n activedisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activedisabled\n
    • '),navigator.clipboard.writeText('
  • \n activedisabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text(Default)\n Text\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n Width fullWidth\n full\n
    • '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
  • \n Width fullWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width fullWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width fullWidth\n full\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) UncheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Unchecked - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n CheckedTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Checked - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Indeterminate - InvalidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Indeterminate - ValidTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) OptionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n RequiredTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Required - IndeterminateTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Long label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Long label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Long label '),navigator.clipboard.writeText(' Long label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Long label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Long label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Long label\n'),navigator.clipboard.writeText('\n Long label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLong label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nLong label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLong label\n'),navigator.clipboard.writeText('\nLong label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n No LabelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},an=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},ae=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},aa=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Trailing Icon '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Text - Trailing Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Trailing Icon '),navigator.clipboard.writeText(' Text - Trailing Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},at=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ai=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datalist '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Datalist '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datalist '),navigator.clipboard.writeText(' Datalist ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},ao=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},al=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.A,{className:"tab-container",children:(0,I.jsxs)(nu.A,{children:[(0,I.jsxs)(np.A,{children:[(0,I.jsx)(nx.A,{children:"Angular"}),(0,I.jsx)(nx.A,{children:"HTML"}),(0,I.jsx)(nx.A,{children:"React"}),(0,I.jsx)(nx.A,{children:"Vue"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.A,{children:[(0,I.jsx)(P.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'