{"version":3,"file":"CarTileFooter-61163d39.js","sources":["../../src/components/car-list/CarTileFooter.vue"],"sourcesContent":["<template>\r\n  <div class=\"car-tile-footer\">\r\n    <div class=\"car-tile-footer__button-container\">\r\n      <CompareButton :vehicle-id=\"carDetails.id\" />\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn car-tile-footer__view\"\r\n        @click=\"\r\n          () =>\r\n            gotoCarDetail(\r\n              carDetails.id,\r\n              `${carDetails.yearLow}-${carDetails.yearHigh}`,\r\n              carMakeModelDetails.makeNameLowerCase,\r\n              carMakeModelDetails.modelNameLowerCase\r\n            )\r\n        \"\r\n      >\r\n        View car\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useRouter } from 'vue-router';\r\nimport { useCarComparisonStore } from '../../foundation/stores/carComparisonStore';\r\nimport { useUrlNavigator } from '../../composables/useUrlNavigator';\r\nimport CompareButton from '../buttons/CompareButton.vue';\r\nimport { IVariant } from '../../foundation/interfaces/IVariant';\r\nimport { ICarDetails } from '../../foundation/interfaces/ICarDetails';\r\n\r\nconst props = defineProps<{\r\n  carDetails: IVariant;\r\n  carMakeModelDetails: ICarDetails;\r\n}>();\r\n\r\nconst router = useRouter();\r\nconst comparisonStore = useCarComparisonStore();\r\nconst { gotoCarDetail } = useUrlNavigator(router);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-tile-footer {\r\n  margin: auto 1rem 1rem 1rem;\r\n}\r\n\r\n.car-tile-footer__button-container {\r\n  display: flex;\r\n  gap: 18px;\r\n  height: 56px;\r\n  align-items: end;\r\n  border-top: 1px solid $racq-pale-blue;\r\n}\r\n\r\n.car-tile-footer__view {\r\n  width: 195px;\r\n  height: 40px;\r\n}\r\n</style>\r\n"],"names":["useRouter","useCarComparisonStore","gotoCarDetail","useUrlNavigator"],"mappings":"ieAoCeA,EAAU,EACDC,EAAsB,EAC9C,KAAM,CAAE,cAAAC,CAAA,EAAkBC,EAAsB"}