view proposals modal

src/components/VehicleInfo.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { ref } from 'vue';
+
+    defineProps({
+        vehicle: {
+            type: Object,
+            required: true
+        }
+    })
+
+    const isShow = ref(false);
+
+    const toogle = () => {
+        isShow.value = !isShow.value;
+    }
+</script>
+
+<template>
+    <a 
+        @click="toogle"
+        class="btn-text mt-3"
+    >Ver más <i class="fa-solid" :class="[isShow ? 'fa-chevron-up' : 'fa-chevron-down']"></i></a>
+
+    <div v-if="isShow">
+        <div class="divider"></div>
+        <h2 class="my-3">Información del vehiculo</h2>
+    </div>
+</template>
+
+<style scoped>
+    h2 {
+        font-size: 1.2rem;
+        font-weight: 500;
+    }
+</style>