import { StyleSheet } from 'react-native';
import Colors from '../Colors';

export const BATTERY_ICON_WIDTH = 134;
export const BATTERY_ICON_HEIGHT = 64;

export default StyleSheet.create({
  container: {
    marginTop: 16,
    borderRadius: 8,
    padding: 16,
    backgroundColor: Colors.white,
    elevation: 6,
  },
  batteryBoxTop: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  title: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  badgeRed: {
    width: 12,
    height: 12,
    marginLeft: 8,
  },
  batteryContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginTop: 16,
  },
  unavailableBattery: {
    width: BATTERY_ICON_WIDTH,
    height: 64,
  },
  textBattery: {
    fontSize: 24,
  },
});