import { StyleSheet } from 'react-native';
import { typography, spacing } from '@theme';

export const getStyles = (colors: any) =>
  StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: colors.background,
      justifyContent: 'center',
      alignItems: 'center',
      paddingHorizontal: spacing.xxl,
    },
    illustrationContainer: {
      marginBottom: spacing.xxl,
      alignItems: 'center',
      justifyContent: 'center',
    },
    successTitle: {
      fontSize: typography.fontSize.xxl,
      fontWeight: typography.fontWeight.bold,
      color: colors.text,
      textAlign: 'center',
      marginBottom: spacing.md,
    },
    successDescription: {
      fontSize: typography.fontSize.md,
      color: colors.textSecondary,
      textAlign: 'center',
      lineHeight: 24,
      marginBottom: spacing.huge,
    },
    startButton: {
      width: '100%',
    },
  });