<script>
  import Video from "$/client/components/Video.svelte";
  import Markdown from "$/client/components/Markdown.svelte";

  let video_background = "rgba(0,0,0,0)";

  let stream = {
    "video_source": "HLSJS_SOURCE",
    "video_poster": "/images/header.svg",
    "starts_on": "Jun 11 2021 12:20:22 GMT-0400"
  }
</script>

<style>
  container {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 770px;
    margin-right: 0.5rem;
  }
</style>

<container class="pattern-dots-sm">
<Video poster={ stream.poster } background_color={video_background } source={ stream.source } />
</container>

