ocearo-ui/_next/static/chunks/936.e779b5632883831e.js

Ocean Robot UI: Sailing made smarter

"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[936],{72936:function(l,e,n){n.r(e);var i=n(57437);n(2265);var a=n(51268),o=n(35217),c=n(99670);e.default=l=>{let{currentViewMode:e,toggleViewMode:n,handleSetRightView:s,toggleFullscreen:t,setShowAppMenu:r}=l,b=l=>{let{icon:e,label:n,onClick:o}=l;return(0,i.jsxs)("button",{onClick:()=>{o(),r(!1)},className:"flex items-center text-white p-2 rounded-md hover:bg-gray-700 transition",children:[(0,i.jsx)(a.G,{icon:e,className:"mr-2"})," ",n]})};return(0,i.jsx)("div",{className:"fixed bottom-20 left-1/2 transform -translate-x-1/2 bg-black p-6 rounded-lg shadow-lg z-50 w-200",children:(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[e!==c.VIEW_MODES.SPLIT&&(0,i.jsx)(b,{icon:o.TL5,label:"Split View",onClick:()=>n(c.VIEW_MODES.SPLIT)}),e!==c.VIEW_MODES.APP&&(0,i.jsx)(b,{icon:o.TL5,label:"Full View",onClick:()=>n(c.VIEW_MODES.APP)}),e!==c.VIEW_MODES.BOAT&&(0,i.jsx)(b,{icon:o.lnS,label:"Boat View",onClick:()=>n(c.VIEW_MODES.BOAT)}),(0,i.jsx)(b,{icon:o.iGi,label:"Manual",onClick:()=>s("manual")}),(0,i.jsx)(b,{icon:o.HLz,label:"Instruments",onClick:()=>s("instrument")}),(0,i.jsx)(b,{icon:o.IyC,label:"Webcam",onClick:()=>s("webcam1")}),(0,i.jsx)(b,{icon:o.tLL,label:"Navigation",onClick:()=>s("navigation")}),(0,i.jsx)(b,{icon:o.Kb6,label:"Settings",onClick:()=>s("settings")}),(0,i.jsx)(b,{icon:o.S9Y,label:"Weather",onClick:()=>s("weather")}),(0,i.jsx)(b,{icon:o.RoX,label:"Battery",onClick:()=>s("battery")}),(0,i.jsx)(b,{icon:o.ItS,label:"Media player",onClick:()=>s("mediaplayer")}),(0,i.jsx)(b,{icon:o.TL5,label:"Toggle Fullscreen",onClick:t}),(0,i.jsx)(b,{icon:o.d8e,label:"Refresh Page",onClick:()=>{window.location.reload()}})]})})}}}]);