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

<component name="RowListItemComponent" extends="Group" xsi:noNamespaceSchemaLocation="https://devtools.web.roku.com/schema/RokuSceneGraph.xsd">
    <interface>
      <field id="itemContent" type="node" onChange="OnContentSet" />
    </interface>
    <script type="text/brightscript" uri="RowListItemComponent.brs" />
    <children>
        <!-- Set loadWidth/loadHeight and loadDisplayMode for better performance -->
        <Poster
            id="poster"
            loadDisplayMode="scaleToFit"
            width="320"
            height="180"
            loadWidth="320"
            loadHeight="180"
        />
        <Rectangle
            id="titleBg"
            width="320"
            height="180"
            color="0x1a1a1aFF"
            visible="false"
        />
        <Label
            id="tileTitle"
            width="300"
            height="180"
            translation="[10,0]"
            horizAlign="center"
            vertAlign="center"
            wrap="true"
            font="font:SmallBoldSystemFont"
            color="0xFFFFFFFF"
            visible="false"
        />
    </children>
</component>
