import React, {FunctionComponent} from "react"
import ResultsMap from "/imports/ui/components/listings/search/ResultsMap";
import {MapLocation} from "/imports/ui/components/listings/search/utils/url-filters";

interface MobileMapSearchProps {
    location: MapLocation
    mapListings: any[]
    closeMapViewMobile: any
}

export const MobileMapSearch: FunctionComponent<MobileMapSearchProps> = ({ location, mapListings, closeMapViewMobile }) => {

    return <div className="mobile-map-search">
        <ResultsMap closeMapViewMobile={closeMapViewMobile} location={location} listings={mapListings} />
    </div>
}