import React from 'react';
import LogoMain from "../Output/logoMain";
import SearchPanel from "../Input/SearchPanel";
import HelpIcon from '@material-ui/icons/Help';
import appstore from "../../public/appstore.png";
import googleplay from "../../public/googleplay.png";
import { openInNewTab } from "../../Services.js";

export default function HomeScreen() {
    return <div className="hs">
        <div className="hs-top">
            <h5>Dowiedz się czym jest Menui</h5>
            <div className="hs-top-icon"><HelpIcon/></div>
        </div>
        <div className="hs-center">
            <LogoMain />
            <SearchPanel />
            <p className="darkParagraph">
                Sprawdź co serwuje Twoja ulubiona restauracja.
            </p>
        </div>
        <div className="hs-bottom">
            <h4>Pobierz Menui na telefon</h4>
            <div>
                <img className="hs-bottom-icon" src={appstore} alt="Get Menui from App Store" />
                <img className="hs-bottom-icon" onClick={() => openInNewTab("https://play.google.com/store/apps/details?id=pl.menui.menui")} src={googleplay} alt="Get Menui from Google Play"/>
            </div>
        </div>
    </div>
}