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: React.FC<FlairProps> = ({ size = 24, name }) => { if (!(name in flairMap)) { return null; } return ( <Image source={{ uri: `https://flair.benawad.com/` + flairMap[name], }} style={{ height: size, width: size }} /> ); };