<script>
 import { goto } from '$app/navigation';

 import {
     Card,
     CardHeader,
     CardTitle,
 } from 'sveltestrap';

 export let video = {};
</script>

<Card style="cursor: pointer" class="mb-3" on:click={() => {goto(video.id)}}>
    <img src={video.thumb} alt={video.title} class="card-img-top">
    <CardHeader>
        <CardTitle>{video.title}</CardTitle>
    </CardHeader>
</Card>
