<?xml-model href="gui.xsd" type="application/xml" schematypens="http://www.w3.org/2001/XMLSchema"?>
<root reference_width="1280" reference_height="720" layer="11">
    <grid id="item_grid" x_dim="1" y_dim="4" margin="2" padding="4" x_offset="0" y_offset="0" vert_align="top" hori_align="left"
        background='{"background_color":"#794c0a","border_color":"#543919","border_thickness":{"Pixel":2}}'
        width="300" height="160">
        <!-- header -->
        <grid x_slot="0" y_slot="0" x_dim="5" y_dim="1">
            <icon id="ability_icon" x_slot="0" y_slot="0"></icon>
            <label id="rarity_label" x_slot="1" y_slot="0" x_size="2" text_color="black" text_alignment="left">Ability Name</label>
            <label id="level" x_slot="3" y_slot="0" x_size="2" text_color="black" text_alignment="left">Lvl: 1</label>
        </grid>

        <grid x_slot="0" y_slot="1" x_dim="5" y_dim="1">
            <label id="ability_name" x_slot="0" y_slot="0" x_size="3" text_color="black" text_alignment="left">Rarity</label>
            <label id="slot_info" x_slot="3" y_slot="0" x_size="2" text_color="black" text_alignment="left">SlotInfo</label>
        </grid>

        <grid x_slot="0" y_slot="2" x_dim="2" y_dim="1">
            <label id="mana_costs" x_slot="0" y_slot="0" text_color="blue">1</label>
            <label id="damage" x_slot="1" y_slot="0" text_color="black">62</label>
        </grid>

        <grid x_slot="0" y_slot="3" x_dim="2" y_dim="1">
            <label x_slot="0" y_slot="0" text_color="black">Cooldown</label>
            <label id="cooldown" x_slot="1" y_slot="0" text_color="black">3.0</label>
        </grid>
    </grid>
</root>