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

export default StyleSheet.create({
  container: {
    flex: 1,
    width: '100%',
    justifyContent: 'flex-start',
    alignItems: 'center',
  },
  renderContent: {
    flex: 1,
    width: '100%',
    alignItems: 'center',
  },
  scrollViewDevice: {
    width: '90%',
  },
  deviceBox: {
    height: 72,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'flex-start',
    backgroundColor: Colors.light02,
    borderRadius: 8,
    marginBottom: 16,
    paddingLeft: 19,
  },
  connectedContainer: {
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: 17,
  },
  textConnectedDevice: {
    paddingHorizontal: 12,
    paddingVertical: 4,
    backgroundColor: Colors.light03,
    borderRadius: 50,
  },
  imageDeviceList: {
    width: 24,
    height: 24,
    aspectRatio: 1,
    marginRight: 13,
  },
  selectedDeviceList: {
    width: 20,
    height: 20,
    position: 'absolute',
    right: 16,
  },
  loader: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'flex-start',
  },
});