text: import { StyleSheet } from 'react-native';
  
  import { colors, metrics } from '~/styles';
  
  const styles = StyleSheet.create({
    container: {
      backgroundColor: colors.lighter,
      flex: 1,
    },
  
    empty: {
      color: colors.dark,
      marginTop: metrics.baseMargin * 2,
      textAlign: 'center',
    },
  
    error: {
      color: colors.danger,
      fontSize: 12,
      fontWeight: 'bold',
      textAlign: 'center',
    },
  
    listContainer: {
      paddingHorizontal: metrics.basePadding,
    },
  
    loading: {
      marginTop: metrics.baseMargin * 2,
    },
  });
  
  export default styles;
  