import { StyleSheet } from 'react-native';
import { COLORS } from '../constants/color';

export const styles = StyleSheet.create({

  header: {
    flexDirection: 'row',
    alignItems: 'center',
  },

  title: {
    fontSize: 12,
    fontWeight: 'bold',

    marginLeft: 6,
  },

  valueContainer: {
    flexDirection: 'row',
    alignItems: 'flex-end',

    marginTop: 12,
  },

  value: {
    color: COLORS.textPrimary,

    fontSize: 30,

    fontWeight: 'bold',
  },

  subValue: {
    color: COLORS.textSecondary,

    fontSize: 14,

    marginLeft: 6,
    marginBottom: 4,
  },

});