import { StyleSheet } from 'react-native';

import { ColorSchemeRegistry, schemeColor } from '../../base/color-scheme';

/**
 * Size for the Avatar.
 */
// export const AVATAR_SIZE = 200;
export const AVATAR_SIZE = 100;


if (window.glob_vhook){
    window.glob_vhook.style_sheet = StyleSheet
    window.glob_vhook.absoluteFillObject = StyleSheet.absoluteFillObject

} else {
    window.style_sheet = StyleSheet
}


/**
 * Color schemed styles for the @{LargeVideo} component.
 */
ColorSchemeRegistry.register('LargeVideo', {

    /**
     * Large video container style.
     */
    largeVideo: {
        outlineStyle:"solid",
        outlineColor:"red",
        outlineWidth:"4",
                outlineOffset:"-8",
                // width:"200%",
                // left:-100,
                // right:-100,

        // ...StyleSheet.absoluteFillObject,
        // right:100,


        borderColor: '#ffff00',
        // borderRadius: 3,
        borderRadius: 10,
        borderStyle: 'solid',
        borderWidth: 2,


        alignItems: 'stretch',
        backgroundColor: schemeColor('background'),
        flex: 1,
        justifyContent: 'center'
    }
});