import { HARDWARE_LEVELS } from '@bit-ui-libs/common';
import { View } from 'react-native';
import { Text } from '../../../components';
import { tw } from '../../../core';

interface DeviceLevelProps {
  level?: number;
}

export function DeviceLevel({ level }: DeviceLevelProps) {
  return (
    <View style={tw`bg-[#80C3421A] rounded-s flex-row flex-1 p-1 my-1`}>
      <View style={tw`w-14 h-14 bg-primary rounded-s items-center justify-center`}>
        <Text style={tw`text-[9px] font-bold`}>Trust Level</Text>
        <Text style={tw`text-2xl font-bold`}>{level}</Text>
      </View>
      <Text style={tw`w-full ml-2 text-primary font-semibold`} containerStyle={tw`flex-1`}>
        {level ? HARDWARE_LEVELS[level]?.label : null}
      </Text>
    </View>
  );
}