import{_ as p}from"./profile-34-V11DN-fl.js";import{c as w,_ as o,I as c}from"./icon-code-DW9QlmYJ.js";import{_ as v,o as a,c as u,a as e,d as k,u as y,j as d,f as t,g as l,M as h,w as x,k as b,$ as f}from"./index-deud-udu.js";import{I as C}from"./icon-droplet-BIDBLtqJ.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]]),q=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),z={class:"pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6"},F={class:"panel"},J={class:"flex items-center justify-between mb-5"},K=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 1",-1),Q={class:"flex items-center"},U={class:"mb-5 flex items-center justify-center"},W={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,`<!-- card 1 -->
<div 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">
  <div class="py-7 px-6">
    <div class="bg-[#3b3f5c] mb-5 inline-block p-3 text-[#f1f2f3] rounded-full">
      <svg> ... </svg>
    </div>
    <h5 class="text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light">Simple</h5>
    <p class="text-white-dark">Mauris nisi felis, placerat in volutpat id, varius et sapien.</p>
  </div>
</div>
`,-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('<div class="mb-5 flex items-center justify-center"><div 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"><div class="py-7 px-6"><div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[215px] overflow-hidden"><img src="'+g+'" alt="" class="w-full h-full object-cover"></div><h5 class="text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light">CLI Based</h5><p class="text-white-dark">Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros, nec risus malesuada.</p><button type="button" class="btn btn-primary mt-6">Explore More</button></div></div></div>',1),ne=e("pre",null,`<!-- card 2 -->
<div 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">
  <div class="py-7 px-6">
    <div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[215px] overflow-hidden">
      <img src="/assets/images/profile-28.jpeg" alt="" class="w-full h-full object-cover" />
    </div>
    <h5 class="text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light">CLI Based</h5>
    <p class="text-white-dark">Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros, nec risus malesuada.</p>
    <button type="button" class="btn btn-primary mt-6">Explore More</button>
  </div>
</div>
`,-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,`<!-- card 3 -->
<div 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">
  <div class="text-center text-black-light">
    <div class="mb-5 w-20 h-20 rounded-full overflow-hidden mx-auto">
      <img src="/assets/images/profile-34.jpeg" alt="" class="w-full h-full object-cover" />
    </div>
    <h5 class="text-white text-[15px] font-semibold mb-2">Luke Ivory</h5>
    <p>Manager</p>
    <div class="flex justify-center items-center text-[#e2a03f] my-4">
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
    </div>
    <p class="font-semibold italic">Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
  </div>
</div>
`,-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('<div class="mb-5 flex items-center justify-center"><div class="max-w-[30rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none"><div class="p-5 flex items-center flex-col sm:flex-row"><div class="mb-5 w-20 h-20 rounded-full overflow-hidden"><img src="'+p+'" alt="" class="w-full h-full object-cover"></div><div class="flex-1 ltr:sm:pl-5 rtl:sm:pr-5 text-center sm:text-left"><h5 class="text-[#3b3f5c] text-[15px] font-semibold mb-2 dark:text-white-light">Luke Ivory</h5><p class="mb-2 text-white-dark">Manager</p><span class="badge bg-primary rounded-full">4.5</span><p class="font-semibold text-white-dark mt-4 sm:mt-8"> Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies. </p></div></div></div></div>',1),Me=e("pre",null,`<!-- card 4 -->
<div class="max-w-[30rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none">
  <div class="p-5 flex items-center flex-col sm:flex-row">
    <div class="mb-5 w-20 h-20 rounded-full overflow-hidden">
      <img src="/assets/images/profile-34.jpeg" alt="" class="w-full h-full object-cover" />
    </div>
    <div class="flex-1 ltr:sm:pl-5 rtl:sm:pr-5 text-center sm:text-left">
      <h5 class="text-[#3b3f5c] text-[15px] font-semibold mb-2 dark:text-white-light">Luke Ivory</h5>
      <p class="mb-2 text-white-dark">Manager</p>
      <span class="badge bg-primary rounded-full">4.5</span>
      <p class="font-semibold text-white-dark mt-4 sm:mt-8">Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
    </div>
  </div>
</div>
`,-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('<div class="mb-5 flex items-center justify-center"><div class="max-w-[20rem] w-full bg-secondary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-secondary-dark-light dark:shadow-none p-5"><div class="text-black-light"><p class="font-semibold mb-5"> Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies. </p><div class="flex"><div class="mb-5 w-14 h-14 rounded-full overflow-hidden mx-auto"><img src="'+p+'" alt="" class="w-full h-full object-cover"></div><div class="flex-1 ltr:pl-4 rtl:pr-4"><h5 class="text-white text-[15px] font-semibold mb-1">Luke Ivory</h5><p>Manager</p></div></div></div></div></div>',1),Ee=e("pre",null,`<!-- card 5 -->
<div class="max-w-[20rem] w-full bg-secondary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-secondary-dark-light dark:shadow-none p-5">
  <div class="text-black-light">
    <p class="font-semibold mb-5">Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
    <div class="flex">
      <div class="mb-5 w-14 h-14 rounded-full overflow-hidden mx-auto">
        <img src="/assets/images/profile-34.jpeg" alt="" class="w-full h-full object-cover" />
      </div>
      <div class="flex-1 ltr:pl-4 rtl:pr-4">
        <h5 class="text-white text-[15px] font-semibold mb-1">Luke Ivory</h5>
        <p>Manager</p>
      </div>
    </div>
  </div>
</div>
`,-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"},qe=e("h5",{class:"text-[#3b3f5c] text-[15px] font-bold mb-1.5 dark:text-white-light"},"Luke Ivory",-1),ze=e("p",{class:"text-white-dark mb-1.5"},"Manager",-1),Fe={class:"flex justify-start items-center text-[#e2a03f]"},Je=e("pre",null,`<!-- card 6 -->
<div 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">
  <div class="text-[#515365] dark:text-white-light">
    <p class="font-semibold italic mb-5">Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
    <div class="flex">
      <div class="flex-1">
        <h5 class="text-[#3b3f5c] text-[15px] font-bold mb-1.5 dark:text-white-light">Luke Ivory</h5>
        <p class="text-white-dark mb-1.5">Manager</p>
        <div class="flex justify-start items-center text-[#e2a03f]">
          <svg> ... </svg>
          <svg> ... </svg>
          <svg> ... </svg>
          <svg> ... </svg>
          <svg> ... </svg>
        </div>
      </div>
    </div>
  </div>
</div>
`,-1),Ke={class:"panel"},Qe={class:"flex items-center justify-between mb-5"},Ue=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Card 7",-1),We={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,`<!-- card 7 -->
<div 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">
  <div class="text-center font-semibold">
    <h5 class="text-white text-xl font-bold mb-5 dark:text-white-light">Rating</h5>
    <p class="text-white mb-5 text-base">(4.3)</p>
    <div class="flex justify-center items-center gap-1 text-[#e2a03f]">
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
      <svg> ... </svg>
      <span class="text-white ltr:ml-1 rtl:mr-1">(94)</span>
    </div>
  </div>
</div>
`,-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('<div class="mb-5 flex items-center justify-center"><div class="max-w-[24rem] 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"><div class="flex justify-between mb-5"><h6 class="text-[#0e1726] font-semibold text-base dark:text-white-light">Placed Order</h6><span class="badge bg-primary/10 text-primary py-1.5 dark:bg-primary dark:text-white">IN PROGRESS</span></div><div class="flex items-center justify-start -space-x-3 rtl:space-x-reverse mb-5"><img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none" src="'+p+'" alt=""><img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none" src="'+p+'" alt=""><img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none" src="'+p+'" alt=""><span class="bg-white rounded-full px-2 py-1 text-primary text-xs shadow-[0_0_20px_0_#d0d0d0] dark:shadow-none dark:bg-[#0e1726] dark:text-white">+5 more</span></div><div class="text-right"><span class="text-primary font-semibold">60%</span><div class="bg-[#ebedf2] dark:bg-[#0e1726] rounded-full w-full h-1.5 mt-1.5"><div class="rounded-full bg-primary h-full" style="width:60%;"></div></div></div></div></div>',1),ht=e("pre",null,`<!-- card 8 -->
<div class="max-w-[24rem] 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">
  <div class="flex justify-between mb-5">
    <h6 class="text-[#0e1726] font-semibold text-base dark:text-white-light">Placed Order</h6>
    <span class="badge bg-primary/10 text-primary py-1.5 dark:bg-primary dark:text-white">IN PROGRESS</span>
  </div>
  <div class="flex items-center justify-start -space-x-3 rtl:space-x-reverse mb-5">
    <img
      class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
      src="/assets/images/profile-34.jpeg"
      alt=""
    />
    <img
      class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
      src="/assets/images/profile-34.jpeg"
      alt=""
    />
    <img
      class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
      src="/assets/images/profile-34.jpeg"
      alt=""
    />
    <span class="bg-white rounded-full px-2 py-1 text-primary text-xs shadow-[0_0_20px_0_#d0d0d0] dark:shadow-none dark:bg-[#0e1726] dark:text-white">+5 more</span>
  </div>
  <div class="text-right">
    <span class="text-primary font-semibold">60%</span>
    <div class="bg-[#ebedf2] dark:bg-[#0e1726] rounded-full w-full h-1.5 mt-1.5">
      <div class="rounded-full bg-primary h-full" style="width: 60%"></div>
    </div>
  </div>
</div>
`,-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('<div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[260px] overflow-hidden"><img src="'+g+'" alt="" class="w-full h-full object-cover"></div><p class="text-primary text-xs mb-1.5 font-bold">25 Sep 2020</p><h5 class="text-[#3b3f5c] text-[15px] font-bold mb-4 dark:text-white-light">How to Start a Blog in 5 Easy Steps.</h5><p class="text-white-dark">Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit volutpat.</p>',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,`<!-- card 9 -->
<div 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">
  <div class="py-7 px-6">
    <div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[260px] overflow-hidden">
      <img src="/assets/images/profile-28.jpeg" alt="" class="w-full h-full object-cover" />
    </div>
    <p class="text-primary text-xs mb-1.5 font-bold">25 Sep 2020</p>
    <h5 class="text-[#3b3f5c] text-[15px] font-bold mb-4 dark:text-white-light">How to Start a Blog in 5 Easy Steps.</h5>
    <p class="text-white-dark">Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit volutpat.</p>
    <div
      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]
      "
    >
      <div class="flex items-center font-semibold">
        <div class="w-9 h-9 rounded-full overflow-hidden inline-block ltr:mr-2 rtl:ml-2.5">
          <span class="flex w-full h-full items-center justify-center bg-[#515365] text-[#e0e6ed]">AG</span>
        </div>
        <div class="text-[#515365] dark:text-white-dark">Luke Ivory</div>
      </div>
      <div class="flex font-semibold">
        <div class="text-primary flex items-center ltr:mr-3 rtl:ml-3">
          <svg> ... </svg>
          51
        </div>
        <div class="text-primary flex items-center">
          <svg> ... </svg>
          250
        </div>
      </div>
    </div>
  </div>
</div>
`,-1),St=k({__name:"cards",setup(_){y({title:"Cards"});const{codeArr:i,toggleCode:n}=w();return(It,s)=>(a(),u("div",null,[q,e("div",z,[e("div",F,[e("div",J,[K,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",Q,[t(c,{class:"me-2"}),l(" Code ")])])]),e("div",U,[e("div",W,[e("div",X,[e("div",Y,[t(C)]),ee,te])])]),d(i).includes("code1")?(a(),h(o,{key:0},{default:x(()=>[se]),_:1})):b("",!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(c,{class:"me-2"}),l(" Code ")])])]),le,d(i).includes("code2")?(a(),h(o,{key:0},{default:x(()=>[ne]),_:1})):b("",!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(c,{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(),h(o,{key:0},{default:x(()=>[we]),_:1})):b("",!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(c,{class:"me-2"}),l(" Code ")])])]),Ie,d(i).includes("code4")?(a(),h(o,{key:0},{default:x(()=>[Me]),_:1})):b("",!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(c,{class:"me-2"}),l(" Code ")])])]),Be,d(i).includes("code5")?(a(),h(o,{key:0},{default:x(()=>[Ee]),_:1})):b("",!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(c,{class:"me-2"}),l(" Code ")])])]),e("div",Oe,[e("div",Ae,[e("div",He,[Ze,e("div",De,[e("div",Te,[qe,ze,e("div",Fe,[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(),h(o,{key:0},{default:x(()=>[Je]),_:1})):b("",!0)]),e("div",Ke,[e("div",Qe,[Ue,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",We,[t(c,{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(),h(o,{key:0},{default:x(()=>[at]),_:1})):b("",!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(c,{class:"me-2"}),l(" Code ")])])]),ct,d(i).includes("code8")?(a(),h(o,{key:0},{default:x(()=>[ht]),_:1})):b("",!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(c,{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(),h(o,{key:0},{default:x(()=>[jt]),_:1})):b("",!0)])])]))}});export{St as default};
