import x from"./Icon.sNzKdesA.js";import h from"./Kbd.a8Ge3uSy.js";import{_ as f}from"./nuxt-link.6gyhzeaI.js";import{f as b,o as s,c as m,a as t,b as e,d as n,w as r,F as y,v,x as k,t as u,j as w}from"./entry.2xM5grDS.js";import S from"./Container.cHi_WUO5.js";import{_ as C}from"./_plugin-vue_export-helper.x3n3nnut.js";import"./Icon.rhzHF9SY.js";import"./index.aIcZnwHK.js";import"./selectMenu.72ERhOvP.js";const E={class:"h-screen flex justify-center"},V={class:"max-w-3xl px-4 md:px-8 py-10 md:py-20"},j={class:"text-center"},B=t("h2",{class:"text-xl text-gray-800 dark:text-gray-100 font-medium"},"Welcome to the Vue Email Dev Tools!",-1),N={class:"mt-2 mb-4 text-sm text-gray-800 dark:text-gray-100 font-normal"},I={role:"list",class:"mt-6 grid grid-cols-1 gap-6 border-b border-t border-gray-200 dark:border-gray-500 py-6 sm:grid-cols-2"},T={class:"text-sm font-medium dark:text-gray-100 text-gray-800 focus:outline-none"},U=t("span",{class:"absolute inset-0","aria-hidden":"true"},null,-1),$=t("span",{"aria-hidden":"true"}," →",-1),A={class:"mt-1 text-sm text-gray-600 dark:text-gray-300"},D=b({__name:"EmptyState",setup(p){const a=[{title:"Components",description:"A set of components to build your next email template.",icon:"i-fluent-archive-multiple-24-regular",background:"bg-emerald-600",to:"https://vuemail.net/getting-started#components"},{title:"Integrations",description:"Integrate with your favorite tools and services.",icon:"i-fluent-crop-interim-24-regular",background:"bg-yellow-600",to:"https://vuemail.net/getting-started#integrations"},{title:"SSR",description:"Server-side rendering for your email templates.",icon:"i-fluent-server-24-regular",background:"bg-indigo-600",to:"https://vuemail.net/getting-started/ssr"},{title:"Releases",description:"Stay up to date with the latest releases.",icon:"i-fluent-rocket-24-regular",background:"bg-pink-600",to:"https://github.com/vue-email/nuxt/releases"},{title:"Examples",description:"A collection of examples to get you started.",icon:"i-fluent-text-grammar-options-24-filled",background:"bg-purple-600",to:"https://vuemail.net/playground"},{title:"GitHub",description:"Contribute to Vue Email on GitHub.",icon:"i-ph-github-logo",background:"bg-gray-600",to:"https://github.com/vue-email/vue-email"}];return(i,l)=>{const c=x,d=h,_=f;return s(),m("div",E,[t("div",V,[t("div",j,[e(c,{name:"i-twemoji-incoming-envelope",class:"w-20 h-20"}),B,t("p",N,[n(" To start developing your next email template, you can create a "),e(d,null,{default:r(()=>[n(".vue")]),_:1}),n(" file under the "),e(d,null,{default:r(()=>[n("emails")]),_:1}),n(" folder. ")])]),t("ul",I,[(s(),m(y,null,v(a,(o,g)=>t("li",{key:g,class:"flow-root"},[e(_,{target:"_blank",to:o.to,external:"",class:"relative -m-2 flex items-center space-x-4 rounded-xl p-2 hover:bg-gray-100 dark:hover:bg-gray-800"},{default:r(()=>[t("div",{class:k(["flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-lg",[o.background]])},[e(c,{name:o.icon,class:"h-7 w-7 text-white","aria-hidden":"true"},null,8,["name"])],2),t("div",null,[t("h3",T,[U,t("span",null,u(o.title),1),$]),t("p",A,u(o.description),1)])]),_:2},1032,["to"])])),64))])])])}}}),F={};function G(p,a){const i=D,l=S;return s(),w(l,null,{default:r(()=>[e(i)]),_:1})}const O=C(F,[["render",G]]);export{O as default};
