Move web ui code in its own directory

[e-mobility-charging-stations-simulator.git] / ui / web / src / components / charging-stations / CSInfoModal.vue

<template>
  <Modal :visibility="props.isVisible">
    <div class="card-info">vendor: {{ props.stationInfo.chargePointVendor }}</div>
  </Modal>
</template>

<script setup lang="ts">
import Modal from '@/components/Modal.vue';
import type { ChargingStationInfo } from '@/types/ChargingStationType';

const props = defineProps<{
  stationInfo: ChargingStationInfo;
  isVisible: boolean;
}>();
</script>

<style>
.card-info {
  background-color: white;
  padding: 15px;
}
</style>