<template>
  <v-system-bar height="40" class="bg-primary">
    <v-row class="ma-0" justify="center">
      <v-col cols="11" class="d-flex justify-space-between pa-0">
        <section class="d-flex align-center">
          <span class="me-2 text-body-2"
            ><v-icon>mdi-map-marker-outline</v-icon></span
          >
          <span class="text-white text-body-2"
            >Esenşehir Mh. Güneyli Sk. No:13 Ümraniye/İSTANBUL</span
          >
        </section>
        <section class="d-flex ga-5">
          <!-- phone -->
          <div>
            <span class="me-2 text-body-2"><v-icon>mdi-phone</v-icon></span>
            <span class="text-white text-body-2">+90 (216) 314 59 00</span>
          </div>
          <!-- email -->
          <div>
            <span class="me-2 text-body-2"><v-icon>mdi-email</v-icon></span>
            <span class="text-white text-body-2">
              <a href="mailto:  " class="text-body-2">
                <span class="text-white text-body-2">
                  botek@botekotomasyon.com
                </span>
              </a>
            </span>
          </div>
        </section>
      </v-col>
    </v-row>
  </v-system-bar>
</template>

<script>
export default {};
</script>

<style scoped></style>
