import{_ as v,o as a,c as u,a as e,d as w,u as k,j as d,f as t,g as l,W as o,w as c,l as h,s as f,V as p}from"./index.c685e846.js";import{c as y,_ as x,I as b}from"./icon-code.6d7a3662.js";import{I as C}from"./icon-droplet.72c625da.js";const g="/assets/images/profile-28.jpeg",j={},I={width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M=e("path",{d:"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z",stroke:"currentColor","stroke-width":"1.5"},null,-1),$=[M];function L(_,i){return a(),u("svg",I,$)}const r=v(j,[["render",L]]),V={},S={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},B=e("path",{d:"M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},null,-1),E=e("path",{opacity:"0.5",d:"M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"},null,-1),N=[B,E];function R(_,i){return a(),u("svg",S,N)}const P=v(V,[["render",R]]),G={},O={width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A=e("path",{opacity:"0.5",d:"M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z",stroke:"currentColor","stroke-width":"1.5"},null,-1),H=e("path",{d:"M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z",stroke:"currentColor","stroke-width":"1.5"},null,-1),Z=[A,H];function D(_,i){return a(),u("svg",O,Z)}const T=v(G,[["render",D]]),W=e("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[e("li",null,[e("a",{href:"javascript:;",class:"text-primary hover:underline"},"Components")]),e("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2"},[e("span",null,"Cards")])],-1),q={class:"pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6"},z={class:"panel"},F={class:"flex items-center justify-between mb-5"},J=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 1",-1),K={class:"flex items-center"},Q={class:"mb-5 flex items-center justify-center"},U={class:"max-w-[19rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none"},X={class:"py-7 px-6"},Y={class:"bg-[#3b3f5c] mb-5 inline-block p-3 text-[#f1f2f3] rounded-full"},ee=e("h5",{class:"text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light"},"Simple",-1),te=e("p",{class:"text-white-dark"},"Mauris nisi felis, placerat in volutpat id, varius et sapien.",-1),se=e("pre",null,`
Simple
Mauris nisi felis, placerat in volutpat id, varius et sapien.
`,-1),de={class:"panel"},re={class:"flex items-center justify-between mb-5"},ae=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 2",-1),ie={class:"flex items-center"},le=f('CLI Based
Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros, nec risus malesuada.
',1),ne=e("pre",null,`
CLI Based
Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros, nec risus malesuada.
`,-1),oe={class:"panel"},ce={class:"flex items-center justify-between mb-5"},he=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 3",-1),xe={class:"flex items-center"},be={class:"mb-5 flex items-center justify-center"},me={class:"max-w-[18rem] w-full bg-[#3b3f5c] shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5"},pe={class:"text-center text-black-light"},fe=e("div",{class:"mb-5 w-20 h-20 rounded-full overflow-hidden mx-auto"},[e("img",{src:p,alt:"",class:"w-full h-full object-cover"})],-1),ue=e("h5",{class:"text-white text-[15px] font-semibold mb-2"},"Luke Ivory",-1),_e=e("p",null,"Manager",-1),ve={class:"flex justify-center items-center text-warning my-4"},ge=e("p",{class:"font-semibold italic"}," Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies. ",-1),we=e("pre",null,`
Luke Ivory
Manager
Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
`,-1),ke={class:"panel"},ye={class:"flex items-center justify-between mb-5"},Ce=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 4",-1),je={class:"flex items-center"},Ie=f('Luke Ivory
Manager
4.5 Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
',1),Me=e("pre",null,`
Luke Ivory
Manager
4.5
Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
`,-1),$e={class:"panel"},Le={class:"flex items-center justify-between mb-5"},Ve=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 5",-1),Se={class:"flex items-center"},Be=f(' Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
',1),Ee=e("pre",null,`
Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
`,-1),Ne={class:"panel"},Re={class:"flex items-center justify-between mb-5"},Pe=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 6",-1),Ge={class:"flex items-center"},Oe={class:"mb-5 flex items-center justify-center"},Ae={class:"max-w-[20rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5"},He={class:"text-[#515365] dark:text-white-light"},Ze=e("p",{class:"font-semibold italic mb-5"}," Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies. ",-1),De={class:"flex"},Te={class:"flex-1"},We=e("h5",{class:"text-[#3b3f5c] text-[15px] font-bold mb-1.5 dark:text-white-light"},"Luke Ivory",-1),qe=e("p",{class:"text-white-dark mb-1.5"},"Manager",-1),ze={class:"flex justify-start items-center text-[#e2a03f]"},Fe=e("pre",null,`
Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.
Luke Ivory
Manager
`,-1),Je={class:"panel"},Ke={class:"flex items-center justify-between mb-5"},Qe=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 7",-1),Ue={class:"flex items-center"},Xe={class:"mb-5 flex items-center justify-center"},Ye={class:"max-w-[20rem] w-full bg-primary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-primary-dark-light dark:shadow-none p-5"},et={class:"text-center font-semibold"},tt=e("h5",{class:"text-white text-xl font-bold mb-5 dark:text-white-light"},"Rating",-1),st=e("p",{class:"text-white mb-5 text-base"},"(4.3)",-1),dt={class:"flex justify-center items-center gap-1 text-[#e2a03f]"},rt=e("span",{class:"text-white ltr:ml-1 rtl:mr-1"},"(94)",-1),at=e("pre",null,`
Rating
(4.3)
(94)
`,-1),it={class:"panel"},lt={class:"flex items-center justify-between mb-5"},nt=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 8",-1),ot={class:"flex items-center"},ct=f('',1),ht=e("pre",null,`
`,-1),xt={class:"panel"},bt={class:"flex items-center justify-between mb-5"},mt=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 9",-1),pt={class:"flex items-center"},ft={class:"mb-5 flex items-center justify-center"},ut={class:"max-w-[22rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none"},_t={class:"py-7 px-6"},vt=f('25 Sep 2020
How to Start a Blog in 5 Easy Steps.
Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit volutpat.
',4),gt={class:"relative flex justify-between mt-6 pt-4 before:w-[250px] before:h-[1px] before:bg-[#e0e6ed] before:inset-x-0 before:top-0 before:absolute before:mx-auto dark:before:bg-[#1b2e4b]"},wt=e("div",{class:"flex items-center font-semibold"},[e("div",{class:"w-9 h-9 rounded-full overflow-hidden inline-block ltr:mr-2 rtl:ml-2.5 shrink-0"},[e("span",{class:"flex w-full h-full items-center justify-center bg-[#515365] text-[#e0e6ed]"},"AG")]),e("div",{class:"text-[#515365] dark:text-white-dark"},"Luke Ivory")],-1),kt={class:"flex font-semibold"},yt={class:"text-primary flex items-center ltr:mr-3 rtl:ml-3"},Ct={class:"text-primary flex items-center"},jt=e("pre",null,`
25 Sep 2020
How to Start a Blog in 5 Easy Steps.
Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit volutpat.
`,-1),Vt=w({__name:"cards",setup(_){k({title:"Cards"});const{codeArr:i,toggleCode:n}=y();return(It,s)=>(a(),u("div",null,[W,e("div",q,[e("div",z,[e("div",F,[J,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[0]||(s[0]=m=>d(n)("code1"))},[e("span",K,[t(b,{class:"me-2"}),l(" Code ")])])]),e("div",Q,[e("div",U,[e("div",X,[e("div",Y,[t(C)]),ee,te])])]),d(i).includes("code1")?(a(),o(x,{key:0},{default:c(()=>[se]),_:1})):h("",!0)]),e("div",de,[e("div",re,[ae,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[1]||(s[1]=m=>d(n)("code2"))},[e("span",ie,[t(b,{class:"me-2"}),l(" Code ")])])]),le,d(i).includes("code2")?(a(),o(x,{key:0},{default:c(()=>[ne]),_:1})):h("",!0)]),e("div",oe,[e("div",ce,[he,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[2]||(s[2]=m=>d(n)("code3"))},[e("span",xe,[t(b,{class:"me-2"}),l(" Code ")])])]),e("div",be,[e("div",me,[e("div",pe,[fe,ue,_e,e("div",ve,[t(r,{class:"fill-warning"}),t(r,{class:"fill-warning"}),t(r,{class:"fill-warning"}),t(r,{class:"fill-warning"}),t(r)]),ge])])]),d(i).includes("code3")?(a(),o(x,{key:0},{default:c(()=>[we]),_:1})):h("",!0)]),e("div",ke,[e("div",ye,[Ce,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[3]||(s[3]=m=>d(n)("code4"))},[e("span",je,[t(b,{class:"me-2"}),l(" Code ")])])]),Ie,d(i).includes("code4")?(a(),o(x,{key:0},{default:c(()=>[Me]),_:1})):h("",!0)]),e("div",$e,[e("div",Le,[Ve,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[4]||(s[4]=m=>d(n)("code5"))},[e("span",Se,[t(b,{class:"me-2"}),l(" Code ")])])]),Be,d(i).includes("code5")?(a(),o(x,{key:0},{default:c(()=>[Ee]),_:1})):h("",!0)]),e("div",Ne,[e("div",Re,[Pe,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[5]||(s[5]=m=>d(n)("code6"))},[e("span",Ge,[t(b,{class:"me-2"}),l(" Code ")])])]),e("div",Oe,[e("div",Ae,[e("div",He,[Ze,e("div",De,[e("div",Te,[We,qe,e("div",ze,[t(r,{class:"w-3 h-3 fill-warning"}),t(r,{class:"w-3 h-3 fill-warning"}),t(r,{class:"w-3 h-3 fill-warning"}),t(r,{class:"w-3 h-3 fill-warning"}),t(r,{class:"w-3 h-3"})])])])])])]),d(i).includes("code6")?(a(),o(x,{key:0},{default:c(()=>[Fe]),_:1})):h("",!0)]),e("div",Je,[e("div",Ke,[Qe,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[6]||(s[6]=m=>d(n)("code7"))},[e("span",Ue,[t(b,{class:"me-2"}),l(" Code ")])])]),e("div",Xe,[e("div",Ye,[e("div",et,[tt,st,e("div",dt,[t(r,{class:"w-4.5 h-4.5 fill-warning"}),t(r,{class:"w-4.5 h-4.5 fill-warning"}),t(r,{class:"w-4.5 h-4.5 fill-warning"}),t(r,{class:"w-4.5 h-4.5 fill-warning"}),t(r,{class:"w-4.5 h-4.5"}),rt])])])]),d(i).includes("code7")?(a(),o(x,{key:0},{default:c(()=>[at]),_:1})):h("",!0)]),e("div",it,[e("div",lt,[nt,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[7]||(s[7]=m=>d(n)("code8"))},[e("span",ot,[t(b,{class:"me-2"}),l(" Code ")])])]),ct,d(i).includes("code8")?(a(),o(x,{key:0},{default:c(()=>[ht]),_:1})):h("",!0)]),e("div",xt,[e("div",bt,[mt,e("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:s[8]||(s[8]=m=>d(n)("code9"))},[e("span",pt,[t(b,{class:"me-2"}),l(" Code ")])])]),e("div",ft,[e("div",ut,[e("div",_t,[vt,e("div",gt,[wt,e("div",kt,[e("div",yt,[t(P,{class:"w-4 h-4 ltr:mr-1 rtl:ml-1"}),l(" 51 ")]),e("div",Ct,[t(T,{class:"w-4 h-4 ltr:mr-1 rtl:ml-1"}),l(" 250 ")])])])])])]),d(i).includes("code9")?(a(),o(x,{key:0},{default:c(()=>[jt]),_:1})):h("",!0)])])]))}});export{Vt as default};