import React , { FC } from 'react' ; import * as Styled from './DesktopLayout.styles' ; import Head from 'next/head' ; import SystemTray from '../SystemTray/SystemTray' ; import OpenedWindows from '../OpenedWindows/OpenedWindows' ; import { useTypedSelector } from '../../hooks/useTypedSelector' ; export interface Props { title : string ; entranceAnimationDelay : number ; } IMPORTANT function param { string } title param { ReactNode } children returns { JSX . Element } const DesktopLayout = ( { children , title , entranceAnimationDelay , } ) : JSX . Element => { const { isInNightLightMode , screenBrightness } = useTypedSelector ( ( state ) => state . ui ) ; return ( < > < Head > < meta charSet = "utf-8" / > < meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" / > < meta name = "theme-color" content = "#000000" / > < title > { title } < /title> < /Head> { } < Styled . Container isInNightLightMode = { isInNightLightMode } screenBrightness = { screenBrightness } animationDelay = { entranceAnimationDelay } > { children } < OpenedWindows / > < SystemTray /> < /Styled.Container> < />); } ; export default DesktopLayout ;