import React from "react";
import { Card } from "components/Card/Card.jsx";
import Dimensions from 'react-dimensions'
import moment from 'moment';
import GoogleMap from './GoogleMap';
import KickboardStatusCard from "./KickboardStatusCard";

const GoogleMapCard = (props) => {
  const getStats = `마지막 업데이트 ${moment().format("YYYY/MM/DD hh:mm")}`;

  return (
    <Card
      id="chartActivity"
      title="서비스 현황"
      stats={getStats}
      statsIcon="fa fa-history"
      content={
        <GoogleMap kbId={props.kbId} setKbId={props.setKbId}/>
      }
    />
  );
};

export default GoogleMapCard // Enhanced component