/**
 * @class Ext.Toast
 * @extend Ext.Sheet
 *
 * A 'Toast' is a simple modal message that is displayed on the screen and then automatically closed by a timeout or by a user tapping
 * outside of the toast itself. Think about it like a text only alert box that will self destruct.
 *
 * **A Toast should not be instantiated manually**, rather by calling 'Ext.toast(message, timeout)'.
 *
 * This will create one reusable toast container and content will be swapped out as
 * toast messages are queued or displayed.
 *
 *     @example packages=[reactor]
 *     import React, { Component } from 'react';
 *     import { Container, Button } from '@extjs/ext-react';
 *
 *     Ext.require('Ext.Toast');
 *
 *     export default class MyExample extends Component {
 *         render() {
 *             return (
 *                 <Container layout={{type: 'vbox', align: 'left'}}>
 *                     <Button
 *                         ui="action"
 *                         handler={() => Ext.toast('Hello World!')}
 *                         text="Show Toast"
 *                     />
 *                 </Container>
 *             )
 *         }
 *     }
 */
 
/**
 * @cfg [centered=false]
 * @inheritdoc
 */
 
/**
 * @cfg [ui='dark']
 * @inheritdoc
 */
 
/**
 * @cfg showAnimation
 * @inheritdoc
 */
 
/**
 * @cfg hideAnimation
 * @inheritdoc
 */
 
/**
 * @cfg {Number} [zIndex=999]
 * Override the default `zIndex` so it is normally always above positioned components.
 */
 
/**
 * @cfg {String} [message='']
 * The message to be displayed in the {@link Ext.Toast}.
 * @accessor
 */
 
/**
 * @cfg {Number} [timeout=1000]
 * The amount of time in milliseconds to wait before destroying the toast automatically
 */
 
/**
 * @cfg {Boolean/Object} [messageAnimation=true]
 * The animation that should be used between toast messages when they are queued up
 */
 
/**
 * @cfg [hideOnMaskTap=true]
 * @inheritdoc
 */
 
/**
 * @cfg {Boolean} [modal=false]
 * @hide
 */
 
/**
 * @cfg layout
 * @inheritdoc
 */