import React from "react" ; import { Image } from "react-native" ; interface FlairProps { size ? : number ; name : keyof typeof flairMap ; } export const flairMap = { kubernetes : "kubernetes.png" , python : "python.png" , flutter : "flutter.png" , angular : "angular.png" , cpp : "cpp.png" , haskell : "haskell.png" , java : "java.png" , rust : "rust.png" , vue : "vue.png" , javascript : "javascript.png" , go : "go.png" , cSharp : "cSharp.png" , html : "html.png" , swift : "swift.png" , react : "react.png" , kafka : "kafka.png" , c : "c.png" , typescript : "typescript.png" , css : "css.png" , dart : "dart.png" , svelte : "svelte.png" , kotlin : "kotlin.png" } ; export const Flair = ( { size = 24 , name } ) => { if ( ! ( name in flairMap ) ) { return null ; } return ( < Image source = { { uri : `https://flair.benawad.com/` + flairMap [ name ] } } style = { { height : size , width : size } } />); } ;