<template>
    <div>
      <p class="text-left">Confira:</p>
      <benchmarking-ranges />
<!--
    <free-shipping v-if="false" :settings="settings"></free-shipping>
Remover apenas se não for mais necessário o frete
-->
<payment-select />
    <suggestions-products  :settings="settings"/>

    <card-promotions :settings="settings"/>
<div>

</div>

    </div>
</template>
<script>

import freeShipping from "./repository/freeShipping"
import suggestionsProducts from "./repository/cardSuggestionsProducts"
import cardPromotions from "./repository/cardPromotions"
import paymentSelect from "./repository/PaymentSelect"
import benchmarkingRanges from './repository/benchmarkingRanges'
export default {
    props:{
        settings:{
            type: Object
        },
    },
    components:{
        freeShipping,
        suggestionsProducts,
        cardPromotions,
        paymentSelect,
        benchmarkingRanges
    }
}
</script>

<style lang="scss" scoped>
@import "@/assets/css/main.scss";
@import "@/assets/css/cards.scss";
</style>