title: Styled component, eslint with react native gets "no-unused-vars"
body: <pre><code>'Text' is defined but never used  no-unused-vars
  </code></pre>
  
  <p>Here is the code section gets error</p>
  
  <pre><code>import {
    Text,
    StyleSheet,
  } from 'react-native';
  import color from './color';
  
  export const Sub = styled.Text`
    color: ${color.secondary};
    font-size: 16;
    text-align: center;
    margin: 8px;
  </code></pre>
  
  <p>as we can see the <code>Text</code> has been consumed by <code>Sub</code>, since we don't want remove the <code>no-unused-vars</code> rule, we may need a plugin or setting to walk-around this </p>
  
  <hr>
  
  <p>Thanks @Dan, you saved me from my tunnel vision </p>