{"version":3,"file":"RemoveCarButton-e1118242.js","sources":["../../src/assets/img/remove-compare-tile.svg","../../src/components/buttons/RemoveCarButton.vue"],"sourcesContent":["export default \"__VITE_ASSET__ebdbf3ec__\"","<template>\r\n  <button @click=\"removeCar\" class=\"remove-car-btn\">\r\n    <img :src=\"RemoveCompareTile\" alt=\"An icon of a cross.\" width=\"10\" />\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport RemoveCompareTile from '../../assets/img/remove-compare-tile.svg';\r\nimport { useCarComparisonStore } from '../../foundation/stores/carComparisonStore';\r\n\r\nconst props = defineProps({\r\n  index: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n  showFooter: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  vehicleId: {\r\n    type: String,\r\n    required: false,\r\n  },\r\n});\r\n\r\nconst comparisonStore = useCarComparisonStore();\r\n\r\nfunction removeCar() {\r\n  comparisonStore.removeCarToCompare(props.index, props.showFooter);\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.remove-car-btn {\r\n  background: $racq-true-white;\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n  position: absolute;\r\n  top: 0.4rem;\r\n  right: 0.4rem;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  &:hover {\r\n    background: darken($racq-true-white, 5%);\r\n    border: 1px solid $racq-light-grey;\r\n  }\r\n}\r\n</style>\r\n"],"names":["RemoveCompareTile","comparisonStore","useCarComparisonStore","removeCar","props"],"mappings":"+NAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,mCAAA,YAAA,GAAA,EAAA,iLCyBTC,EAAkBC,IAExB,SAASC,GAAY,CACnBF,EAAgB,mBAAmBG,EAAM,MAAOA,EAAM,UAAU,CAClE"}