/**
 * @class Ext.ActionSheet
 * @extend Ext.Sheet
 * @alias widget.actionsheet
 *
 * ActionSheet is a `Sheet` that is docked at the bottom of the screen by default.
 *
 *     @example packages=[ext-react]
 *     import React, { Component } from 'react';
 *     import { ExtReact, Container, ActionSheet, Button } from '@sencha/ext-react';
 *
 *     export default class MyExample extends Component {
 *        render() {
 *            return (
 *                <ExtReact>
 *                    <Container>
 *                        <ActionSheet displayed>
 *                            <Button ui="decline" text="Delete Draft"/>
 *                            <Button text="Save Draft"/>
 *                            <Button text="Cancel"/>
 *                        </ActionSheet>
 *                    </Container>
 *                </ExtReact>
 *            )
 *        }
 *     }
 *
 */
 
/**
 * @cfg [left=0]
 * @inheritdoc
 */
 
/**
 * @cfg [right=0]
 * @inheritdoc
 */
 
/**
 * @cfg [bottom=0]
 * @inheritdoc
 */
 
/**
 * @cfg [height='auto']
 * @inheritdoc
 */
 
/**
 * @cfg [defaultType=button]
 * @inheritdoc
 */