import{_ as r,o,a,g as t,F as l,A as c,D as d}from"./framework.DLLntrC3.js";const u={},_={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"size-6"};function m(i,e){return o(),a("svg",_,[...e[0]||(e[0]=[t("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"},null,-1)])])}const p=r(u,[["render",m]]),g={class:"recommended-tutorials"},h=["href"],w=["src","alt"],v={class:"overlay"},b={__name:"RecommendedTutorials",setup(i){const e=[{title:"Getting Started with Node-RED & Dashboard",url:"https://youtu.be/DFNv91TTt68?si=Wj07fuD1l27qtT-1",image:"https://website-data.s3.eu-west-1.amazonaws.com/Tutorial+Thumbnail+-+Getting+Started.jpg"},{title:"Visualising Data in Node-RED & Dashboard",url:"https://youtu.be/Ecno0EuLyKQ?si=AW2OUpVwJgQU_qli",image:"https://website-data.s3.eu-west-1.amazonaws.com/Tutorial+Thumbnail+-+Data+Visualisation.jpg"}];return(f,n)=>(o(),a("div",g,[(o(),a(l,null,c(e,s=>t("a",{key:s.title,href:s.url,target:"_blank"},[t("img",{src:s.image,alt:s.title},null,8,w),t("div",v,[d(p,{class:"play-icon"})])],8,h)),64)),n[0]||(n[0]=t("a",{class:"more"},[t("div",{class:"overlay"},[t("label",null,"...More Coming Soon!")])],-1))]))}},T=r(b,[["__scopeId","data-v-029631c6"]]);export{T as R};