@props(['text' => '', 'mini_text' => '', 'video' => '', 'platform' => '', 'domain' => '', 'animation' => true, 'desc' => true])


    @if($desc)
        <h5 class="text-sm md:text-lg font-bold tracking-tight text-gray-900 dark:text-white">
            @if($text)
                {{ $text }}
            @endif
        </h5>
        <p class="font-normal text-gray-700 dark:text-gray-400 mb-2">
            @if($mini_text)
                {!! $mini_text !!}
            @endif
        </p>
        <p class="font-normal text-danger mb-2">
            @if($video)
                {!! $video !!}
            @endif
        </p>
    @endif
<style>
    .streamBlock-video_info1>iframe {height: 166px!important;width: 435px!important;border-radius: 10px}
</style>
    @if($platform === "twitch")
            <a style="margin-bottom: 20px!important;" target="_blank" href="https://twitch.tv/{{ $video }}" class="streamBlock-video">
                <div class="streamBlock-video_info1" style="padding: 0;width: 200px;height: 100%;background: transparent;margin-bottom: 5px;">
                    <iframe width="377px" height="188px" src="https://player.twitch.tv/?channel={{ $video }}&parent={{ $domain }}&muted=true" frameborder="0" allowfullscreen="true"></iframe>
                </div>
            </a>
    @elseif($platform === "youtube")
            <a target="_blank" href="https://www.youtube.com/watch?v={{ $video }}" class="streamBlock-video">
                <div class="streamBlock-video_info1" style="padding: 0;height: 188px;background: transparent;margin-bottom: 5px;">
                    <iframe
                        height="188px"
                        width="377px"
                        allowfullscreen
                        src="https://www.youtube.com/embed/{{ $video }}?autoplay=1&mute=1"></iframe>
                </div>
            </a>
    @else
        <p>No video available for this platform.</p>
    @endif
</a>