import { View, Text, StyleSheet } from 'react-native';

import { ThemedText } from '@/components/misc/themed-text';

import { ThemedView } from '@/components/misc/themed-view';

import { ScreenLayout } from '@/components/ui/ScreenLayout';

import { useAuth } from '@/context/AuthContext';

import { Card, SubtleInfoCard } from '@/components/ui/Cards';

import { Grid, Col, Row, Between } from '@/components/ui/LayoutHelpers';

import { Button } from '@/components/ui/Button'

import { Shadows, Colors, Typography, Spacing, BorderRadius } from '@/constants/theme';

import { Ionicons, Octicons } from '@expo/vector-icons';

export default function Actions() {

  const { user } = useAuth();

  return (

    <ScreenLayout userName={user.firstName} userAvatar={user.avatarURL}

      onNotificationPress={() => console.log('Notifications')}

      showNotificationBadge={true}>

          Controle horários, doses e estoque de suas prescrições.

        </Text>

      </Card>

      <Grid gap={4}>

          <View style={[styles.cardIcon, { backgroundColor: '#EFF6FF' }]}>

            <Ionicons name="moon-outline" size={20} color="#2563EB" />

          </View>

          <Text style={styles.cardTitle}>

    color: Colors.light.textSecondary,

    marginTop: 4

  },

  disclaimerCard: {

    padding: Spacing.cardGap,

  },

  disclaimerTitleContainer: {

    flex: 1,

    flexDirection: 'row',

    gap: 5,

    fontSize: 12,

    lineHeight: 16,

    alignItems: 'center'

  }

})