dopenative/src/components/DNEmptyStateView/styles.js

A utility-first React Native Framework for Web, iOS and Android, compatible with Expo

import { StyleSheet } from 'react-native'

const styles = (theme, appearance) => {
  return StyleSheet.create({
    imageContainer: {
      alignSelf: 'center',
    },
    title: {
      fontSize: 30,
      fontWeight: 'bold',
      alignSelf: 'center',
      color: theme.colors[appearance].mainTextColor,
      marginBottom: 15,
    },
    description: {
      alignSelf: 'center',
      color: theme.colors[appearance].mainTextColor,
      textAlign: 'center',
      width: '90%',
      lineHeight: 20,
    },
    buttonOuterContainer: {
      flexDirection: 'row',
    },
    buttonContainer: {
      alignSelf: 'center',
      borderRadius: 10,
      alignItems: 'center',
      justifyContent: 'center',
      marginTop: 30,
    },
    buttonName: {
      color: '#ffffff',
      fontSize: 16,
      fontWeight: '600',
    },
  })
}

export default styles