/**
 * This component renders a simple line to separate menu items.
 *
 *     @example
 *     Ext.create('Ext.Panel', {
 *         fullscreen: true,
 *
 *         items: {
 *             xtype: 'menu',
 *             floated: false,
 *             docked: 'top',
 *             items: [{
 *                 text: 'Galactus'
 *             },{
 *                 xtype: 'menuseparator'
 *             },{
 *                 text: 'Darkseid'
 *             },{
 *                 text: 'Thanos'
 *             }]
 *         }
 *     });
 *
 * @since 6.5.0
 */
Ext.define('Ext.menu.Separator', {
    extend: 'Ext.Component',
    alias: 'widget.menuseparator',
 
    isMenuSeparator: true,
 
    focusable: false,
 
    classCls: Ext.baseCSSPrefix + 'menuseparator',
 
    ariaRole: 'separator'
});