{"size": 698, "ext": "js", "max_stars_repo_path": "src/pages/Dashboard/SeacrhLocation.js", "max_stars_repo_name": "aamin3189/covid", "max_stars_repo_stars_event_min_datetime": "2020-03-26T20:08:31.000Z", "max_stars_repo_stars_event_max_datetime": "2020-03-26T20:08:31.000Z", "max_issues_repo_path": "src/pages/Dashboard/SeacrhLocation.js", "max_issues_repo_name": "aamin3189/covid", "max_issues_repo_issues_event_min_datetime": "2021-10-04T12:41:50.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-04T12:41:50.000Z", "max_forks_repo_path": "src/pages/Dashboard/SeacrhLocation.js", "max_forks_repo_name": "aamin3189/covid", "max_forks_repo_forks_event_min_datetime": "2020-03-30T06:24:02.000Z", "max_forks_repo_forks_event_max_datetime": "2020-03-30T06:24:02.000Z"}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": 1, "avg_line_length": 25.8518518519, "max_line_length": 75, "alphanum_fraction": 0.5902578797}
import React from 'react';
import styled from 'styled-components';
import {SearchBar} from 'antd-mobile';

const Container = styled.div`
    height: 100vh;
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #FFF;
`

function SeacrhLocation(props) {
    return (
        <Container className="search-modal">
            <div style={{padding:'5px'}}>
                <a style={{display: 'inline-block'}}>Seacrh Location</a>
                <i style={{float:'right'}} className="fa fa-close"></i>
            </div>
            <SearchBar placeholder="Seacrh District" cancelText="Clear"  />
        </Container>
    );
}

export default SeacrhLocation;