var Component=(()=>{var p=Object.create;var o=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var C=(e,l)=>()=>(l||e((l={exports:{}}).exports,l),l.exports),B=(e,l)=>{for(var r in l)o(e,r,{get:l[r],enumerable:!0})},a=(e,l,r,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let c of A(l))!F.call(e,c)&&c!==r&&o(e,c,{get:()=>l[c],enumerable:!(s=y(l,c))||s.enumerable});return e};var g=(e,l,r)=>(r=e!=null?p(D(e)):{},a(l||!e||!e.__esModule?o(r,"default",{value:e,enumerable:!0}):r,e)),u=e=>a(o({},"__esModule",{value:!0}),e);var i=C((k,d)=>{d.exports=_jsx_runtime});var w={};B(w,{default:()=>f,frontmatter:()=>m});var n=g(i()),m={title:"Sidebar (3)",category:"application-ui",subCategory:"sidebars",previewUrl:"/sidebars/3/",info:"Require JS"};function t(e){let l=Object.assign({div:"div",pre:"pre",code:"code",span:"span"},e.components),{UnifyTab:r,TabPanel:s}=l;return s||h("TabPanel",!0),r||h("UnifyTab",!0),(0,n.jsxs)(r,{values:["html","reactjs","nextjs"],children:[(0,n.jsx)(s,{value:"html",children:(0,n.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"html","data-theme":"default",children:(0,n.jsxs)(l.code,{"data-language":"html","data-theme":"default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#768390"},children:""})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"aside"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"data-sidebar"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"fixed h-[100dvh] overflow-hidden lg:relative w-11/12 max-w-[20rem] md:w-80 transition-all -translate-x-full lg:-translate-x-0 bg-white dark:bg-gray-950 border-r border-r-gray-100 dark:border-r-gray-900 flex lg:transition-none ease-linear "'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-[4.2rem] p-2 border-r border-r-gray-100 dark:border-r-gray-900 flex flex-col justify-between gap-5 items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full pb-2 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"bg-blue-600 w-full aspect-square rounded-md flex items-center justify-center text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 19 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm1-4H5m0 0L3 4m0 0h5.501M3 4l-.792-3H1m11 3h6m-3 3V1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col w-full gap-4 flex-1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-900 w-full flex items-center justify-center aspect-square rounded-md"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M3 8v10a1 1 0 0 0 1 1h4v-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5h4a1 1 0 0 0 1-1V8M1 10l9-9 9 9"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.333 6.764a3 3 0 1 1 3.141-5.023M2.5 16H1v-2a4 4 0 0 1 4-4m7.379-8.121a3 3 0 1 1 2.976 5M15 10a4 4 0 0 1 4 4v2h-1.761M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4 6h2a4 4 0 0 1 4 4v2H5v-2a4 4 0 0 1 4-4Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-9-4h10l2-7H3m2 7L3 4m0 0-.792-3H1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 21 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"g"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 4.025A7.5 7.5 0 1 0 16.975 12H9V4.025Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M12.5 1c-.169 0-.334.014-.5.025V9h7.975c.011-.166.025-.331.025-.5A7.5 7.5 0 0 0 12.5 1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"min-h-max w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"outline-none flex items-center justify-center aspect-square w-full rounded-md text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 15"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M1 7.5h11m0 0L8 3.786M12 7.5l-4 3.714M12 1h3c.53 0 1.04.196 1.414.544.375.348.586.82.586 1.313v9.286c0 .492-.21.965-.586 1.313A2.081 2.081 0 0 1 15 14h-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex-1 p-2"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"pt-3 pb-3 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"form"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full relative"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"absolute left-3 inset-y-2 flex items-center text-gray-600 dark:text-gray-400"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-4 h-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"input"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"search"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"placeholder"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"Type something"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full outline-none rounded-md text-gray-700 dark:text-gray-300 text-sm bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 focus:bg-gray-50 dark:focus:bg-gray-950 pl-10 pr-4 py-2.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 16"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 5h6M9 8h6m-6 3h6M4.996 5h.01m-.01 3h.01m-.01 3h.01M2 1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Tasks"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5 text-gray-800 dark:text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M5 1v3m5-3v3m5-3v3M1 7h7m1.506 3.429 2.065 2.065M19 7h-2M2 3h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm6 13H6v-2l5.227-5.292a1.46 1.46 0 0 1 2.065 2.065L8 16Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Calendar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linejoin"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m9.046 3.59-.435-2.324m.435 2.324a5.338 5.338 0 0 1 6.033 4.333l.331 1.77c.439 2.344 2.383 2.587 2.599 3.76.11.586.22 1.171-.309 1.271L5 17.101c-.529.1-.639-.488-.749-1.074-.219-1.172 1.506-2.102 1.067-4.447l-.331-1.769a5.338 5.338 0 0 1 4.059-6.22Zm-7.13 4.602a8.472 8.472 0 0 1 2.17-5.048m2.646 13.633A3.472 3.472 0 0 0 13.46 16l.089-.5-6.817 1.277Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Notification"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"height"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-linecap"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke-width"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.5 19A3.5 3.5 0 0 1 1 15.5V2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v13.5A3.5 3.5 0 0 1 4.5 19Zm0 0H18a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-4.938a1 1 0 0 0-.697.283l-4.238 4.124a1.046 1.046 0 0 0-.164.208C6.986 18.228 6.184 18.705 4.5 19Zm0-4h.01m8.925-12.293 3.536 3.536a1 1 0 0 1 0 1.414L8 16.627v-9.9l4.02-4.02a1 1 0 0 1 1.415 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Sometext"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"main"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex lg:hidden fixed right-2 top-2 p-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"data-toggle-sidebar"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"p-3 rounded-full bg-gray-900 dark:bg-gray-100 outline-none w-12 aspect-square flex flex-col relative justify-center items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"sr-only"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" toggle sidebar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"line-1"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-0.5 rounded-full bg-gray-100 dark:bg-gray-900 transition-transform duration-300 ease-linear"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"line-2"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 origin-center mt-1 h-0.5 rounded-full bg-gray-100 dark:bg-gray-900 transition-all duration-300 ease-linear"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"line-3"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 mt-1 h-0.5 rounded-full bg-gray-100 dark:bg-gray-900 transition-all duration-300 ease-linear"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:""})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#768390"},children:""})})]})})})}),(0,n.jsx)(s,{value:"reactjs",children:(0,n.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(l.code,{"data-language":"jsx","data-theme":"default",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" { useState } "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"'react'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"Sidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"setSidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"useState"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"toggleSidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"setSidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled)"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <>"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"aside"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" fixed h-[100dvh] overflow-hidden lg:relative w-11/12 max-w-[20rem] md:w-80 transition-all bg-white dark:bg-gray-950 border-r border-r-gray-100 dark:border-r-gray-900 flex lg:transition-none ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""'}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"-translate-x-full lg:-translate-x-0"}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-[4.2rem] p-2 border-r border-r-gray-100 dark:border-r-gray-900 flex flex-col justify-between gap-5 items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full pb-2 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"bg-blue-600 w-full aspect-square rounded-md flex items-center justify-center text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 19 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm1-4H5m0 0L3 4m0 0h5.501M3 4l-.792-3H1m11 3h6m-3 3V1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col w-full gap-4 flex-1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-900 w-full flex items-center justify-center aspect-square rounded-md"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M3 8v10a1 1 0 0 0 1 1h4v-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5h4a1 1 0 0 0 1-1V8M1 10l9-9 9 9"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.333 6.764a3 3 0 1 1 3.141-5.023M2.5 16H1v-2a4 4 0 0 1 4-4m7.379-8.121a3 3 0 1 1 2.976 5M15 10a4 4 0 0 1 4 4v2h-1.761M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4 6h2a4 4 0 0 1 4 4v2H5v-2a4 4 0 0 1 4-4Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-9-4h10l2-7H3m2 7L3 4m0 0-.792-3H1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 21 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"g"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 4.025A7.5 7.5 0 1 0 16.975 12H9V4.025Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M12.5 1c-.169 0-.334.014-.5.025V9h7.975c.011-.166.025-.331.025-.5A7.5 7.5 0 0 0 12.5 1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"min-h-max w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"outline-none flex items-center justify-center aspect-square w-full rounded-md text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 15"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M1 7.5h11m0 0L8 3.786M12 7.5l-4 3.714M12 1h3c.53 0 1.04.196 1.414.544.375.348.586.82.586 1.313v9.286c0 .492-.21.965-.586 1.313A2.081 2.081 0 0 1 15 14h-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex-1 p-2"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"pt-3 pb-3 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"form"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full relative"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"absolute left-3 inset-y-2 flex items-center text-gray-600 dark:text-gray-400"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-4 h-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"input"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"search"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"placeholder"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"Type something"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full outline-none rounded-md text-gray-700 dark:text-gray-300 text-sm bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 focus:bg-gray-50 dark:focus:bg-gray-950 pl-10 pr-4 py-2.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 16"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 5h6M9 8h6m-6 3h6M4.996 5h.01m-.01 3h.01m-.01 3h.01M2 1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Tasks"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5 text-gray-800 dark:text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M5 1v3m5-3v3m5-3v3M1 7h7m1.506 3.429 2.065 2.065M19 7h-2M2 3h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm6 13H6v-2l5.227-5.292a1.46 1.46 0 0 1 2.065 2.065L8 16Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Calendar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m9.046 3.59-.435-2.324m.435 2.324a5.338 5.338 0 0 1 6.033 4.333l.331 1.77c.439 2.344 2.383 2.587 2.599 3.76.11.586.22 1.171-.309 1.271L5 17.101c-.529.1-.639-.488-.749-1.074-.219-1.172 1.506-2.102 1.067-4.447l-.331-1.769a5.338 5.338 0 0 1 4.059-6.22Zm-7.13 4.602a8.472 8.472 0 0 1 2.17-5.048m2.646 13.633A3.472 3.472 0 0 0 13.46 16l.089-.5-6.817 1.277Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Notification"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"width"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"20"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"height"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"20"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.5 19A3.5 3.5 0 0 1 1 15.5V2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v13.5A3.5 3.5 0 0 1 4.5 19Zm0 0H18a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-4.938a1 1 0 0 0-.697.283l-4.238 4.124a1.046 1.046 0 0 0-.164.208C6.986 18.228 6.184 18.705 4.5 19Zm0-4h.01m8.925-12.293 3.536 3.536a1 1 0 0 1 0 1.414L8 16.627v-9.9l4.02-4.02a1 1 0 0 1 1.415 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Sometext"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"main"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex lg:hidden fixed right-2 top-2 p-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"onClick"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"toggleSidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"() }"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"p-3 rounded-full bg-blue-600 dark:bg-blue-500 outline-none w-12 aspect-square flex flex-col relative justify-center items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"sr-only"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" toggle sidebar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 h-0.5 rounded-full bg-gray-300 transition-transform duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"rotate-[40deg] translate-y-1.5"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 origin-center mt-1 h-0.5 rounded-full bg-gray-300 transition-all duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"opacity-0 scale-x-0"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 mt-1 h-0.5 rounded-full bg-gray-300 transition-all duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"-rotate-[40deg] -translate-y-1.5"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:")"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"default"}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"Sidebar"})]})]})})})}),(0,n.jsx)(s,{value:"nextjs",children:(0,n.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(l.code,{"data-language":"jsx","data-theme":"default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"use client"'})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Link "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"'next/link'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" { useState } "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"'react'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"Sidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"setSidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"useState"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"toggleSidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"setSidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled)"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" ("})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <>"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"aside"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" fixed h-[100dvh] overflow-hidden lg:relative w-11/12 max-w-[20rem] md:w-80 transition-all bg-white dark:bg-gray-950 border-r border-r-gray-100 dark:border-r-gray-900 flex lg:transition-none ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""'}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"-translate-x-full lg:-translate-x-0"}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-[4.2rem] p-2 border-r border-r-gray-100 dark:border-r-gray-900 flex flex-col justify-between gap-5 items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full pb-2 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"bg-blue-600 w-full aspect-square rounded-md flex items-center justify-center text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 19 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm1-4H5m0 0L3 4m0 0h5.501M3 4l-.792-3H1m11 3h6m-3 3V1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col w-full gap-4 flex-1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-900 w-full flex items-center justify-center aspect-square rounded-md"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M3 8v10a1 1 0 0 0 1 1h4v-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5h4a1 1 0 0 0 1-1V8M1 10l9-9 9 9"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.333 6.764a3 3 0 1 1 3.141-5.023M2.5 16H1v-2a4 4 0 0 1 4-4m7.379-8.121a3 3 0 1 1 2.976 5M15 10a4 4 0 0 1 4 4v2h-1.761M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4 6h2a4 4 0 0 1 4 4v2H5v-2a4 4 0 0 1 4-4Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-9-4h10l2-7H3m2 7L3 4m0 0-.792-3H1"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"text-gray-700 dark:text-gray-300 w-full flex items-center justify-center aspect-square rounded-md hover:text-gray-900 dark:hover:text-gray-100"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 21 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"g"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 4.025A7.5 7.5 0 1 0 16.975 12H9V4.025Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M12.5 1c-.169 0-.334.014-.5.025V9h7.975c.011-.166.025-.331.025-.5A7.5 7.5 0 0 0 12.5 1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"min-h-max w-full"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"outline-none flex items-center justify-center aspect-square w-full rounded-md text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-6 h-6"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 18 15"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M1 7.5h11m0 0L8 3.786M12 7.5l-4 3.714M12 1h3c.53 0 1.04.196 1.414.544.375.348.586.82.586 1.313v9.286c0 .492-.21.965-.586 1.313A2.081 2.081 0 0 1 15 14h-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex-1 p-2"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"nav"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"pt-3 pb-3 border-b border-b-gray-100 dark:border-b-gray-900"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"form"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full relative"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"absolute left-3 inset-y-2 flex items-center text-gray-600 dark:text-gray-400"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-4 h-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"input"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"search"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"placeholder"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"Type something"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-full outline-none rounded-md text-gray-700 dark:text-gray-300 text-sm bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 focus:bg-gray-50 dark:focus:bg-gray-950 pl-10 pr-4 py-2.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"ul"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex flex-col gap-3"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 16"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M9 5h6M9 8h6m-6 3h6M4.996 5h.01m-.01 3h.01m-.01 3h.01M2 1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Tasks"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5 text-gray-800 dark:text-white"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M5 1v3m5-3v3m5-3v3M1 7h7m1.506 3.429 2.065 2.065M19 7h-2M2 3h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm6 13H6v-2l5.227-5.292a1.46 1.46 0 0 1 2.065 2.065L8 16Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Calendar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 21"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinejoin"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"m9.046 3.59-.435-2.324m.435 2.324a5.338 5.338 0 0 1 6.033 4.333l.331 1.77c.439 2.344 2.383 2.587 2.599 3.76.11.586.22 1.171-.309 1.271L5 17.101c-.529.1-.639-.488-.749-1.074-.219-1.172 1.506-2.102 1.067-4.447l-.331-1.769a5.338 5.338 0 0 1 4.059-6.22Zm-7.13 4.602a8.472 8.472 0 0 1 2.17-5.048m2.646 13.633A3.472 3.472 0 0 0 13.46 16l.089-.5-6.817 1.277Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Notification"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"li"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"Link"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"href"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"#"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex items-center gap-x-3 px-4 py-2.5 rounded-md text-gray-700 dark:text-gray-300"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"svg"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"w-5 h-5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"aria-hidden"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"true"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"xmlns"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"http://www.w3.org/2000/svg"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"width"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"20"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"height"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"20"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"fill"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"none"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"viewBox"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"0 0 20 20"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"path"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"stroke"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"currentColor"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeLinecap"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"round"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"1.5"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"M4.5 19A3.5 3.5 0 0 1 1 15.5V2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v13.5A3.5 3.5 0 0 1 4.5 19Zm0 0H18a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-4.938a1 1 0 0 0-.697.283l-4.238 4.124a1.046 1.046 0 0 0-.164.208C6.986 18.228 6.184 18.705 4.5 19Zm0-4h.01m8.925-12.293 3.536 3.536a1 1 0 0 1 0 1.414L8 16.627v-9.9l4.02-4.02a1 1 0 0 1 1.415 0Z"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" Sometext"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"main"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"flex lg:hidden fixed right-2 top-2 p-4"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"onClick"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#DCBDFB"},children:"toggleSidebar"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"() }"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"p-3 rounded-full bg-blue-600 dark:bg-blue-500 outline-none w-12 aspect-square flex flex-col relative justify-center items-center"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"sr-only"'}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" toggle sidebar"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 h-0.5 rounded-full bg-gray-300 transition-transform duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"rotate-[40deg] translate-y-1.5"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 origin-center mt-1 h-0.5 rounded-full bg-gray-300 transition-all duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"opacity-0 scale-x-0"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8DDB8C"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#6CB6FF"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:"`"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" w-6 mt-1 h-0.5 rounded-full bg-gray-300 transition-all duration-300 ease-linear"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" ${"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"sidebarToggled"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'"-rotate-[40deg] -translate-y-1.5"'}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:'""}'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#96D0FF"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:" "})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:")"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#F47067"},children:"default"}),(0,n.jsx)(l.span,{style:{color:"#F69D50"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#ADBAC7"},children:"Sidebar"})]})]})})})})]})}function x(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,Object.assign({},e,{children:(0,n.jsx)(t,e)})):t(e)}var f=x;function h(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return u(w);})(); ;return Component;

Sidebar (1)

Sidebar (2)

Sidebar (3)

Sidebar (4)