Premium Button

1import React, { useEffect } from 'react';
2import { StyleSheet, Text, Pressable, View, ViewStyle, Dimensions } from 'react-native';
3import Animated, {
4    useAnimatedStyle,
5    useSharedValue,
6    withRepeat,
7    withTiming,
8    withSpring,
9    Easing,
10    interpolate
11} from 'react-native-reanimated';
12import { LinearGradient as ExpoGradient } from 'expo-linear-gradient';
13
14
15interface ButtonProps {
16    label: string;
17    onPress?: () => void;
18    variant: 'glass' | 'neon' | 'premium';
19    accentColor?: string;
20    style?: ViewStyle;

import React from 'react';
import { StyleSheet, View, ImageBackground, Text } from 'react-native';
import PremiumButton from './components/GlassNeonButton';

export default function App() {
    return (
        <View style={styles.container}>
            <Text style={styles.title}>Premium Uilora Buttons</Text>

            {/* 1. GLASS VARIANT Uilora */}
            <PremiumButton
                label="Design Uilora"
                variant="glass"
                onPress={() => console.log('Glass')}
            />

            {/* 2. NEON VARIANT (Cyber/Animated) Uilora*/}
            <PremiumButton
                label="Styling"
                variant="neon"