<script>
 import {
     Card,
     CardBody,
     CardHeader,
     CardText,
     Icon,
     ListGroup,
     ListGroupItem,
 } from 'sveltestrap';

 export let uri = "";
</script>

<Card class="border-success mb-2">
    <CardHeader class="bg-success text-light">
        <Icon name="laptop-fill" />
        Solution du défi
    </CardHeader>
    <CardBody class="text-indent">
	<div class="embed-responsive embed-responsive-16by9">
	    <iframe type="text/html" src="{uri}" class="embed-responsive-item" title="Vidéo de résolution">
		Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri}">{uri}</a>.
	    </iframe>
    </CardBody>
</Card>
