"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[8463],{68917(f,l,a){a.r(l),a.d(l,{plugin:()=>g});var i=a(68256),s=a(74848),t=a(22803),o=a(29675);const r=[{value:0,label:"Documentation",href:"https://grafana.com/docs/grafana/latest"},{value:1,label:"Tutorials",href:"https://grafana.com/tutorials"},{value:2,label:"Community",href:"https://community.grafana.com"},{value:3,label:"Public Slack",href:"http://slack.grafana.com"}],c=()=>{const n=(0,o.of)(p);return(0,s.jsxs)("div",{className:n.container,children:[(0,s.jsx)("h1",{className:n.title,children:"Welcome to Grafana"}),(0,s.jsxs)("div",{className:n.help,children:[(0,s.jsx)("h3",{className:n.helpText,children:"Need help?"}),(0,s.jsx)("div",{className:n.helpLinks,children:r.map((e,d)=>(0,s.jsx)("a",{className:n.helpLink,href:`${e.href}?utm_source=grafana_gettingstarted`,children:e.label},`${e.label}-${d}`))})]})]})},p=n=>({container:(0,t.css)({display:"flex",backgroundSize:"cover",height:"100%",alignItems:"center",justifyContent:"space-between",padding:n.spacing(0,3),[n.breakpoints.down("lg")]:{backgroundPosition:"0px",flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},[n.breakpoints.down("sm")]:{padding:n.spacing(0,1)}}),title:(0,t.css)({marginBottom:0,[n.breakpoints.down("lg")]:{marginBottom:n.spacing(1)},[n.breakpoints.down("md")]:{fontSize:n.typography.h2.fontSize},[n.breakpoints.down("sm")]:{fontSize:n.typography.h3.fontSize}}),help:(0,t.css)({display:"flex",alignItems:"baseline"}),helpText:(0,t.css)({marginRight:n.spacing(2),marginBottom:0,[n.breakpoints.down("md")]:{fontSize:n.typography.h4.fontSize},[n.breakpoints.down("sm")]:{display:"none"}}),helpLinks:(0,t.css)({display:"flex",flexWrap:"wrap"}),helpLink:(0,t.css)({marginRight:n.spacing(2),textDecoration:"underline",textWrap:"nowrap",[n.breakpoints.down("sm")]:{marginRight:n.spacing(1)}})}),g=new i.m(c).setNoPadding()}}]);

//# sourceMappingURL=welcomeBanner.836a658e715474a29802.js.map