import PauseIcon from "@mui/icons-material/Pause";import PlayArrowIcon from "@mui/icons-material/PlayArrow";
import {AppBar,Box,Button,Toolbar,Typography} from "@mui/material";
import {Status_Chip} from "../common/status_chip";
export function Gallery_Toolbar({socket_state,socket_message,streams_paused,on_toggle_streams}:{socket_state:string;socket_message:string;streams_paused:boolean;on_toggle_streams:()=>void}) {return <AppBar position="sticky" color="transparent" elevation={0} sx={{backdropFilter:"blur(18px)",bgcolor:"rgba(7,17,31,.84)",borderBottom:"1px solid rgba(132,179,206,.16)"}}><Toolbar sx={{gap:2}}><Box sx={{display:"flex",alignItems:"center",gap:1.5,flexGrow:1}}><Box sx={{display:"grid",placeItems:"center",width:38,height:38,borderRadius:2,bgcolor:"primary.main",color:"#041015",fontWeight:900}}>R2</Box><Box><Typography variant="overline" color="primary.main" lineHeight={1}>CORE2 · KERNEL · WEBSOCKET</Typography><Typography variant="h6" lineHeight={1.3}>Renderive 性能画廊</Typography></Box></Box><Status_Chip state={socket_state} label={socket_message}/><Button variant="outlined" startIcon={streams_paused?<PlayArrowIcon/>:<PauseIcon/>} onClick={on_toggle_streams}>{streams_paused?"恢复自动像素流":"暂停自动像素流"}</Button></Toolbar></AppBar>;}
