import { Outlet } from "react-router"
import SearchHeader from "./SearchHeader"
import Icon from "../md-components/Icon"

const PageBody = () => {
    return <>
        {/* {
            window.location.protocol !== "https:" ?
                <div style={{
                    background: "#F80000",
                    height: 22,
                    width: "100%",
                    // marginTop: "-15px",
                    display: "flex",
                    justifyContent: "center",
                    alignItems: "center"
                }}>
                    <Icon style={{color: "white", fontSize: 16}}>warning</Icon>
                    <span style={{fontSize: 14}}>Сайт использует протокол HTTP, часть функционала недоступна</span>
                </div>
                : <></>
        } */}
        <div style={{
            display: "flex",
            justifyContent: "center",
        }}>
            <div style={{
                display: "flex",
                width: "calc(100% - 20px)",
                maxWidth: "1300px",
                flexDirection: "column",
                padding: "10px",
                gap: "10px",
                minHeight: "calc(100vh - 20px)"
            }}>
                <SearchHeader/>
                <Outlet/>
            </div>
        </div>
    </>
}

export default PageBody