<template>
<form class="list-view d-flex">
    <div class="car_list">
        <div v-for="attritbute in attritbutes" :key="attritbute" class="mb-2">
            <buttonPrimary :buttonText="attritbute" v-on:click="selectAttribute(attritbute)" buttonType="btn-funnel" />
        </div>
    </div>
</form>
</template>

<script>
import buttonPrimary from "@/uxComponents/buttonPrimary/buttonPrimary";

export default {
    name: "CarAttributes",
    props: {
        attritbutes: Array,
        selectAttribute: Function,
    },
    components: {
        buttonPrimary,
    },
};
</script>
