| 1 | import Svg, { Rect } from "react-native-svg"; |
| 2 | |
| 3 | import { useColors } from "@/theme"; |
| 4 | |
| 5 | /** |
| 6 | * The g1t mark, as packages/theme/mark.svg draws it: pixels on an 80 by |
| 7 | * 80 grid, in the accent. |
| 8 | */ |
| 9 | const PIXELS: [number, number][] = [ |
| 10 | [36, 6], |
| 11 | [26, 16], |
| 12 | [36, 16], |
| 13 | [16, 26], |
| 14 | [36, 26], |
| 15 | [36, 36], |
| 16 | [36, 46], |
| 17 | [36, 56], |
| 18 | [16, 66], |
| 19 | [26, 66], |
| 20 | [36, 66], |
| 21 | [46, 66], |
| 22 | [56, 66], |
| 23 | ]; |
| 24 | |
| 25 | export function G1tMark({ size = 32 }: { size?: number }) { |
| 26 | const colors = useColors(); |
| 27 | return ( |
| 28 | <Svg width={size} height={size} viewBox="0 0 80 80" accessibilityLabel="g1t"> |
| 29 | {PIXELS.map(([x, y]) => ( |
| 30 | <Rect key={`${x}-${y}`} x={x} y={y} width={8} height={8} fill={colors.accent} /> |
| 31 | ))} |
| 32 | </Svg> |
| 33 | ); |
| 34 | } |