<template>
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Trending View</h3>

                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>

                <div class="card-body p-0">
                    <div class="d-md-flex">
                        <div class="p-1 flex-fill" style="overflow: hidden">
                            <div class="row">
                                <div class="col">
                                    <a href="https://read.cash/@flipstarter/flipstarter-500k-6-independent-campaigns-0d30c1cf" target="_blank">
                                    <img src="https://i.imgur.com/ZKZ2enw.png" class="img-responsive img-rounded" width="250" /></a>
                                </div>
                                <div class="col">
                                    <a href="https://news.bitcoin.com/wells-fargo/" target="_blank">
                                    <img src="https://i.imgur.com/cBwtMtA.png" class="img-responsive img-rounded" width="250" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</template>

<script>
export default {
    data: () => {
        return {
            //
        }
    },
    mounted: function () {
        /* Set JQuery. */
        // const $ = window.$

        /* Wait a tick for DOM to initialize. */
        // setTimeout(() => {
        //     $('.sparkbar').peity('bar', {
        //         width: '100'
        //     })

        //     $('.sparkline').peity('line', {
        //         width: '100'
        //     })
        // }, 10)

    },
}
</script>
