import{_ as i}from"./highlight.vue_vue_type_style_index_0_lang-CZKerFrO.js";import{c as x}from"./codePreview-DjOizdob.js";import{u}from"./use-meta-_u_PFTGV.js";import{d as b,a as h,h as e,e as a,b as r,w as o,k as d,x as l,o as s}from"./main-FivMmpKK.js";const f=e("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[e("li",null,[e("a",{href:"javascript:;",class:"text-primary hover:underline"},"Forms")]),e("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2"},[e("span",null,"Checkbox and Radio")])],-1),k={class:"pt-5 space-y-8"},m={class:"space-y-8"},y=e("h4",{class:"badge bg-primary inline-block hover:top-0 text-base mb-0"},"Checkbox",-1),v={class:"grid grid-cols-1 lg:grid-cols-2 gap-6"},_={class:"panel"},g={class:"flex items-center justify-between mb-5"},w=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Default",-1),C=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),D=[C],L=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-success"><span>Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-secondary"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-danger"><span>Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-warning"><span>Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-info"><span>Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-dark"><span>Dark</span></label></div></div></div>',1),S=e("pre",null,`<!-- default -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-success" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-secondary" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-danger" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-warning" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-info" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-dark" />
    <span>Dark</span>
</label>
`,-1),M={class:"panel"},q={class:"flex items-center justify-between mb-5"},P=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Default Rounded",-1),I=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),W=[I],j=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox rounded-full" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-success rounded-full"><span>Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-secondary rounded-full"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-danger rounded-full"><span>Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-warning rounded-full"><span>Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-info rounded-full"><span>Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-dark rounded-full"><span>Dark</span></label></div></div></div>',1),B=e("pre",null,`<!-- rounded -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox rounded-full" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-success rounded-full" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-secondary rounded-full" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-danger rounded-full" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-warning rounded-full" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-info rounded-full" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-dark rounded-full" />
    <span>Dark</span>
</label>
`,-1),$={class:"panel"},R={class:"flex items-center justify-between mb-5"},T=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Outline",-1),O=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),N=[O],V=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-primary" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-success"><span>Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-secondary"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-danger"><span>Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-warning"><span>Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-info"><span>Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-dark"><span>Dark</span></label></div></div></div>',1),A=e("pre",null,`<!-- outline -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-primary" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-success" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-secondary" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-danger" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-warning" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-info" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-dark" />
    <span>Dark</span>
</label>
`,-1),E={class:"panel"},F={class:"flex items-center justify-between mb-5"},z=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Outline Rounded",-1),G=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),H=[G],J=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-primary rounded-full" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-success rounded-full"><span>Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-secondary rounded-full"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-danger rounded-full"><span>Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-warning rounded-full"><span>Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-info rounded-full"><span>Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-dark rounded-full"><span>Dark</span></label></div></div></div>',1),K=e("pre",null,`<!-- rounded -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-primary rounded-full" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-success rounded-full" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-secondary rounded-full" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-danger rounded-full" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-warning rounded-full" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-info rounded-full" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-dark rounded-full" />
    <span>Dark</span>
</label>
`,-1),Q={class:"panel"},U={class:"flex items-center justify-between mb-5"},X=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Default Text Color",-1),Y=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),Z=[Y],ee=l('<div class="mb-5"><div class="grid grid-cols-2 gap-4"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-success peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-secondary peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-danger peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-warning peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-info peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-dark peer"><span class="peer-checked:text-dark">Dark</span></label></div></div><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-primary peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-success peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-secondary peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-danger peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-warning peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-info peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-dark peer"><span class="peer-checked:text-dark">Dark</span></label></div></div></div></div>',1),ne=e("pre",null,`<!-- default -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-success peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-secondary peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-danger peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-warning peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-info peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-dark peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>

<!-- outline -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-primary peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-success peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-secondary peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-danger peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-warning peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-info peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-dark peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>
`,-1),ae={class:"panel"},le={class:"flex items-center justify-between mb-5"},se=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Rounded Text Color",-1),te=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),ce=[te],ie=l('<div class="mb-5"><div class="grid grid-cols-2 gap-4"><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox rounded-full peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-success rounded-full peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-secondary rounded-full peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-danger rounded-full peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-warning rounded-full peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-info rounded-full peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox text-dark rounded-full peer"><span class="peer-checked:text-dark">Dark</span></label></div></div><div class="space-y-2"><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-primary rounded-full peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-success rounded-full peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-secondary rounded-full peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-danger rounded-full peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-warning rounded-full peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-info rounded-full peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="checkbox" class="form-checkbox outline-dark rounded-full peer"><span class="peer-checked:text-dark">Dark</span></label></div></div></div></div>',1),re=e("pre",null,`<!-- default -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox rounded-full peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-success rounded-full peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-secondary rounded-full peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-danger rounded-full peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-warning rounded-full peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-info rounded-full peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox text-dark rounded-full peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>

<!-- outline -->
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-primary rounded-full peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-success rounded-full peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-secondary rounded-full peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-danger rounded-full peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-warning rounded-full peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-info rounded-full peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="checkbox" class="form-checkbox outline-dark rounded-full peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>
`,-1),oe={class:"space-y-8"},de=e("h4",{class:"badge bg-primary inline-block hover:top-0 text-base mb-0"},"Radio",-1),pe={class:"grid grid-cols-1 lg:grid-cols-2 gap-6"},xe={class:"panel"},ue={class:"flex items-center justify-between mb-5"},be=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Default",-1),he=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),fe=[he],ke=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-success"><span>Success</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-secondary"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-danger"><span>Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-warning"><span>Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-info"><span>Info</span></label></div><div><label class="inline-flex"><input type="radio" name="default_radio" class="form-radio text-dark"><span>Dark</span></label></div></div></div>',1),me=e("pre",null,`<!-- radio -->
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-success" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-secondary" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-danger" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-warning" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-info" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_radio" class="form-radio text-dark" />
    <span>Dark</span>
</label>
`,-1),ye={class:"panel"},ve={class:"flex items-center justify-between mb-5"},_e=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Square",-1),ge=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),we=[ge],Ce=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio rounded-none" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-success rounded-none"><span>Success</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-secondary rounded-none"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-danger rounded-none"><span>Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-warning rounded-none"><span>Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-info rounded-none"><span>Info</span></label></div><div><label class="inline-flex"><input type="radio" name="square_radio" class="form-radio text-dark rounded-none"><span>Dark</span></label></div></div></div>',1),De=e("pre",null,`<!-- square -->
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio rounded-none" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-success rounded-none" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-secondary rounded-none" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-danger rounded-none" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-warning rounded-none" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-info rounded-none" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_radio" class="form-radio text-dark rounded-none" />
    <span>Dark</span>
</label>
`,-1),Le={class:"panel"},Se={class:"flex items-center justify-between mb-5"},Me=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Outline",-1),qe=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),Pe=[qe],Ie=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-primary" checked><span>Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-success"><span>Success</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-secondary"><span>Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-danger"><span>Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-warning"><span>Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-info"><span>Info</span></label></div><div><label class="inline-flex"><input type="radio" name="outline_radio" class="form-radio outline-dark"><span>Dark</span></label></div></div></div>',1),We=e("pre",null,`<!-- classic -->
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-primary" checked />
    <span>Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-success" />
    <span>Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-secondary" />
    <span>Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-danger" />
    <span>Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-warning" />
    <span>Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-info" />
    <span>Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="outline_radio" class="form-radio  outline-dark" />
    <span>Dark</span>
</label>
`,-1),je={class:"panel"},Be={class:"flex items-center justify-between mb-5"},$e=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Default Text Color",-1),Re=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),Te=[Re],Oe=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-success peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-secondary peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-danger peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-warning peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-info peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="radio" name="default_text_color" class="form-radio text-dark peer"><span class="peer-checked:text-dark">Dark</span></label></div></div></div>',1),Ne=e("pre",null,`<!-- default text color -->
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-success peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-secondary peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-danger peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-warning peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-info peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="default_text_color" class="form-radio text-dark peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>
`,-1),Ve={class:"panel"},Ae={class:"flex items-center justify-between mb-5"},Ee=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Square Text Color",-1),Fe=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),ze=[Fe],Ge=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio rounded-none peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-success rounded-none peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-secondary rounded-none peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-danger rounded-none peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-warning rounded-none peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-info rounded-none peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="radio" name="square_text_radio" class="form-radio text-dark rounded-none peer"><span class="peer-checked:text-dark">Dark</span></label></div></div></div>',1),He=e("pre",null,`<!-- square text color -->
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio rounded-none peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-success rounded-none peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-secondary rounded-none peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-danger rounded-none peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-warning rounded-none peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-info rounded-none peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="square_text_radio" class="form-radio text-dark rounded-none peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>
`,-1),Je={class:"panel"},Ke={class:"flex items-center justify-between mb-5"},Qe=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Outline Text Color",-1),Ue=l('<span class="flex items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2"><path d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> Code </span>',1),Xe=[Ue],Ye=l('<div class="mb-5"><div class="space-y-2"><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-primary peer" checked><span class="peer-checked:text-primary">Primary</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-success peer"><span class="peer-checked:text-success">Success</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-secondary peer"><span class="peer-checked:text-secondary">Secondary</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-danger peer"><span class="peer-checked:text-danger">Danger</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-warning peer"><span class="peer-checked:text-warning">Warning</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-info peer"><span class="peer-checked:text-info">Info</span></label></div><div><label class="inline-flex"><input type="radio" name="classic_text_radio" class="form-radio outline-dark peer"><span class="peer-checked:text-dark">Dark</span></label></div></div></div>',1),Ze=e("pre",null,`<!-- classic text color -->
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-primary peer" checked />
    <span class="peer-checked:text-primary">Primary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-success peer" />
    <span class="peer-checked:text-success">Success</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-secondary peer" />
    <span class="peer-checked:text-secondary">Secondary</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-danger peer" />
    <span class="peer-checked:text-danger">Danger</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-warning peer" />
    <span class="peer-checked:text-warning">Warning</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-info peer" />
    <span class="peer-checked:text-info">Info</span>
</label>
<label class="inline-flex">
    <input type="radio" name="classic_text_radio" class="form-radio outline-dark peer" />
    <span class="peer-checked:text-dark">Dark</span>
</label>
`,-1),cn=b({__name:"checkbox-radio",setup(en){u({title:"Checkbox & Radio"});const{codeArr:t,toggleCode:c}=x();return(nn,n)=>(s(),h("div",null,[f,e("div",k,[e("div",m,[y,e("div",v,[e("div",_,[e("div",g,[w,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[0]||(n[0]=p=>a(c)("code1"))},D)]),L,a(t).includes("code1")?(s(),r(i,{key:0},{default:o(()=>[S]),_:1})):d("",!0)]),e("div",M,[e("div",q,[P,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[1]||(n[1]=p=>a(c)("code2"))},W)]),j,a(t).includes("code2")?(s(),r(i,{key:0},{default:o(()=>[B]),_:1})):d("",!0)]),e("div",$,[e("div",R,[T,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[2]||(n[2]=p=>a(c)("code3"))},N)]),V,a(t).includes("code3")?(s(),r(i,{key:0},{default:o(()=>[A]),_:1})):d("",!0)]),e("div",E,[e("div",F,[z,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[3]||(n[3]=p=>a(c)("code4"))},H)]),J,a(t).includes("code4")?(s(),r(i,{key:0},{default:o(()=>[K]),_:1})):d("",!0)]),e("div",Q,[e("div",U,[X,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[4]||(n[4]=p=>a(c)("code5"))},Z)]),ee,a(t).includes("code5")?(s(),r(i,{key:0},{default:o(()=>[ne]),_:1})):d("",!0)]),e("div",ae,[e("div",le,[se,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[5]||(n[5]=p=>a(c)("code6"))},ce)]),ie,a(t).includes("code6")?(s(),r(i,{key:0},{default:o(()=>[re]),_:1})):d("",!0)])])]),e("div",oe,[de,e("div",pe,[e("div",xe,[e("div",ue,[be,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[6]||(n[6]=p=>a(c)("code7"))},fe)]),ke,a(t).includes("code7")?(s(),r(i,{key:0},{default:o(()=>[me]),_:1})):d("",!0)]),e("div",ye,[e("div",ve,[_e,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[7]||(n[7]=p=>a(c)("code8"))},we)]),Ce,a(t).includes("code8")?(s(),r(i,{key:0},{default:o(()=>[De]),_:1})):d("",!0)]),e("div",Le,[e("div",Se,[Me,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[8]||(n[8]=p=>a(c)("code9"))},Pe)]),Ie,a(t).includes("code9")?(s(),r(i,{key:0},{default:o(()=>[We]),_:1})):d("",!0)]),e("div",je,[e("div",Be,[$e,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[9]||(n[9]=p=>a(c)("code10"))},Te)]),Oe,a(t).includes("code10")?(s(),r(i,{key:0},{default:o(()=>[Ne]),_:1})):d("",!0)]),e("div",Ve,[e("div",Ae,[Ee,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[10]||(n[10]=p=>a(c)("code11"))},ze)]),Ge,a(t).includes("code11")?(s(),r(i,{key:0},{default:o(()=>[He]),_:1})):d("",!0)]),e("div",Je,[e("div",Ke,[Qe,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:n[11]||(n[11]=p=>a(c)("code12"))},Xe)]),Ye,a(t).includes("code12")?(s(),r(i,{key:0},{default:o(()=>[Ze]),_:1})):d("",!0)])])])])]))}});export{cn as default};
