import h from"./Icon.30f6becb.js";import f from"./Kbd.281578d0.js";import{_ as x}from"./nuxt-link.0033bf2d.js";import{g as b,o as a,c as m,a as t,b as e,d as n,w as s,F as v,x as y,y as w,t as u,k}from"./entry.eb978f24.js";import S from"./Container.7fcc3c4b.js";import{_ as C}from"./_plugin-vue_export-helper.c27b6911.js";const E={class:"h-screen flex justify-center"},V={class:"max-w-3xl px-4 md:px-8 py-20 md:py-40"},B={class:"text-center"},D=t("h2",{class:"text-xl text-gray-100 font-medium"},"Welcome to the Vue Email Dev Tools!",-1),N={class:"mt-2 mb-4 text-sm text-gray-100 font-normal"},j={role:"list",class:"mt-6 grid grid-cols-1 gap-6 border-b border-t border-gray-500 py-6 sm:grid-cols-2"},I={class:"text-sm font-medium text-gray-100 focus:outline-none"},T=t("span",{class:"absolute inset-0","aria-hidden":"true"},null,-1),U=t("span",{"aria-hidden":"true"}," →",-1),$={class:"mt-1 text-sm text-gray-300"},A=b({__name:"EmptyState",setup(p){const r=[{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://www.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://www.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://www.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/Dave136/vue-email/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://vue-email-demo.vercel.app/"},{title:"GitHub",description:"Contribute to Vue Email on GitHub.",icon:"i-ph-github-logo",background:"bg-gray-600",to:"https://github.com/Dave136/vue-email"}];return(i,l)=>{const c=h,d=f,_=x;return a(),m("div",E,[t("div",V,[t("div",B,[e(c,{name:"i-twemoji-incoming-envelope",class:"w-20 h-20"}),D,t("p",N,[n(" To start developing your next email template, you can create a "),e(d,null,{default:s(()=>[n(".vue")]),_:1}),n(" file under the "),e(d,null,{default:s(()=>[n("emails")]),_:1}),n(" folder. ")])]),t("ul",j,[(a(),m(v,null,y(r,(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-800"},{default:s(()=>[t("div",{class:w(["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",I,[T,t("span",null,u(o.title),1),U]),t("p",$,u(o.description),1)])]),_:2},1032,["to"])])),64))])])])}}}),F={};function G(p,r){const i=A,l=S;return a(),k(l,null,{default:s(()=>[e(i)]),_:1})}const q=C(F,[["render",G]]);export{q as default};
