<template>
    <div class="smart-credit-pkg">
        <div class="report-card p-3 report-card--best report-card__aside mt-5 report-card--info">
            <div class="report-card__header pb-3">
                <h5>
                    <strong>
                        <img :src="`${app_base_url}/img/smartcredit_logo.png`"
                        alt="SmartCredit" class="provider-logo"> {{package.labels[package_id]}}
                    </strong>
                </h5>
            </div>
            <div class="report-card__price p-2">
                <h4>${{package.prices[package_id]}}/mo</h4> <span>Cancel Anytime</span>
            </div>
        </div>
    </div>
</template>

<script>
import pkg from "../../helper/package";
export default {
    props:{
        package_id:{
            required:true
        }
    },
    data(){
        return {
            package:pkg,
            app_base_url: APP_URL,
        }
    }
}
</script>
<style>

@import url("./../../../css/smartcredit.css");

</style>
