Component.js

import { useState } from 'react';
import { GREY_COLOR, BLACK_COLOR, WHITE_COLOR } from './globalStyles';
import { styles } from './styles';

const Component = () => {
  const [isDisabled, setDisabled] = useState(true);
  
  return (
    <View style={styles.content}>
      <Text style={[
        styles.contentText,
        { color: isDisabled ? GREY_COLOR : BLACK_COLOR }
      ]}>
        Hello World!
      </Text>
      <Button 
        style={[
          styles.button,
          { backgroundColor: WHITE_COLOR, color: BLACK_COLOR }
        ]} 
        onCLick={() => setDisabled(current => !current)}
        title="Toggle Disable"
      />
    </View>
  );
};