import React from 'react';
import { StyleSheet } from 'react-native';
import { Flex, Box, IBoxProps } from 'native-base';
import { BulbOne, BulbTwo } from '../../svg';
import { LinearGradient } from 'expo-linear-gradient';
import { NativeBaseProvider } from '../../providers';

interface GlassProps extends IBoxProps {

}

export default function (props: React.PropsWithChildren<GlassProps>) {
    return <Box {...props}
        bg={{
            linearGradient: {
                // colors: ["mini_green", "mini_blue"],
                colors: ["mini_glass_gradient_from", "mini_glass_gradient_to"],
                start: [0, 0],
                end: [1, 1]
            }
        }}>
        <BulbOne style={{
            position: 'absolute',
            left: 140,
            top: 281,
            opacity: 0.7
        }} />

        <BulbTwo style={{
            position: 'absolute',
            left: -100,
            top: -40,
            opacity: 0.7
        }} />
        {props.children}
    </Box>
}