<?xml version="1.0" encoding="UTF-8"?>
<component name="CategoryMenu" extends="Group">
    <interface>
        <field id="categories" type="stringarray" onChange="OnCategoriesSet" />
        <field id="selectedIndex" type="integer" value="-1" alwaysnotify="true" />
    </interface>
    <script type="text/brightscript" uri="CategoryMenu.brs" />
    <children>
        <Rectangle id="overlay" width="320" height="44" color="0x0a1a3aFF" translation="[0,0]" />

        <Rectangle id="highlight" width="300" height="36" color="0x2255AAFF" translation="[10,4]" visible="false" />

        <Label id="lbl0" width="290" height="36" translation="[20,4]"  vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl1" width="290" height="36" translation="[20,40]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl2" width="290" height="36" translation="[20,76]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl3" width="290" height="36" translation="[20,112]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl4" width="290" height="36" translation="[20,148]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl5" width="290" height="36" translation="[20,184]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl6" width="290" height="36" translation="[20,220]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
        <Label id="lbl7" width="290" height="36" translation="[20,256]" vertAlign="center" font="font:SmallSystemFont" color="0xFFFFFFFF" visible="false" />
    </children>
</component>
