<?xml version="1.0" encoding="UTF-8"?>
<!-- Copyright (c) 2020 Roku, Inc. All rights reserved. -->

<component name="EpisodesListItemComponent" extends="Group" xsi:noNamespaceSchemaLocation="https://devtools.web.roku.com/schema/RokuSceneGraph.xsd">
    <interface>
        <field id="itemContent" type="node" onChange="itemContentChanged" />
    </interface>
     
    <script type="text/brightscript" uri="pkg:/components/Series/EpisodesListItem.brs" />
    <script type="text/brightscript" uri="pkg:/source/utils.brs" />
    <children>
        <Rectangle
            width="800"
            height="160"
            color="0x202020ff"
        />
        <LayoutGroup layoutDirection="horiz" itemSpacings="[20]" vertAlignment="custom">
            <Poster id="poster"
                width="250"
                loadWidth="250"
                height="160"
                loadHeight="160"
                loadDisplayMode="limitSize"
	    	    loadingBitmapUri="pkg:/images/no-poster-wide.jpg"
	    	    failedBitmapUri="pkg:/images/no-poster-wide.jpg"
			/>
            <LayoutGroup translation="[0.0, 10.0]" itemSpacings="[10]">
                <Label id="title"
                    color="#EFEFEFFF"
                    maxLines="2"
                    width="450"
                    wrap="false"
                />
                <Label id="info"
                    color="#FFFFFF6F"
                    maxLines="2"
                    width="450"
                    wrap="true"
                />
                <Label id="description"
                    color="#FFFFFF6F"
                    maxLines="3"
                    width="450"
                    wrap="true"
                />
            </LayoutGroup>
        </LayoutGroup>
    </children>
</component>
