/**
 * @class Ext.draw.sprite.Rect
 * @extend Ext.draw.sprite.Path
 * @alias sprite.rect
 *
 * A sprite that represents a rectangle.
 *
 *     @example
 *     Ext.create({
 *        xtype: 'draw', 
 *        renderTo: document.body,
 *        width: 600,
 *        height: 400,
 *        sprites: [{
 *            type: 'rect',
 *            x: 50,
 *            y: 50,
 *            width: 100,
 *            height: 100,
 *            fillStyle: '#1F6D91'
 *        }]
 *     });
 */
 
/**
 * @cfg {Number} [x=0]
 * The position of the sprite on the x-axis.
 */
 
/**
 * @cfg {Number} [y=0]
 * The position of the sprite on the y-axis.
 */
 
/**
 * @cfg {Number} [width=8]
 * The width of the sprite.
 */
 
/**
 * @cfg {Number} [height=8]
 * The height of the sprite.
 */
 
/**
 * @cfg {Number} [radius=0]
 * The radius of the rounded corners.
 */