<template>
  <div class="chat-ex-view map">
    <div class="hed-sec">
      <button class="close-btn-head" @click="$emit('close')">
        <img :src="CloseIcon" />
      </button>
      <img :src="LogoIcon" class="logo" />
      <p>
        602 E Main St Suite E, Lexington, SC 29072, United States,
        Tel:+17735469660
      </p>
      <div class="icons">
        <div class="icon">
          <span>
            <img :src="MapSmallIcon" />
          </span>
        </div>
        <div class="icon">
          <span>
            <img :src="PhoneIcon" />
          </span>
        </div>
      </div>
    </div>
    <div class="map-area">
      <img :src="MapIcon" />
    </div>
    <button class="arrow-close" @click="$emit('close')">
      <img :src="ArrowWhite" />
    </button>
  </div>
</template>
<script>
import ArrowWhite from '../../../../styles/2021-theme/images/comm_widget/arrow-white.png';
import MapIcon from '../../../../styles/2021-theme/images/comm_widget/map.png';
import PhoneIcon from '../../../../styles/2021-theme/images/comm_widget/ph.png';
import MapSmallIcon from '../../../../styles/2021-theme/images/comm_widget/map-icn.png';
import LogoIcon from '../../../../styles/2021-theme/images/comm_widget/logo.png';
import CloseIcon from '../../../../styles/2021-theme/images/comm_widget/close.png';

export default {
  data() {
    return {
      ArrowWhite,
      MapIcon,
      PhoneIcon,
      MapSmallIcon,
      LogoIcon,
      CloseIcon,
    };
  },
};
</script>