Monorepo for Tangled
tangled.org
1import { Row } from "./layout";
2import { Avatar } from "./avatar";
3import { TYPOGRAPHY } from "./constants";
4
5interface CardHeaderProps {
6 avatarUrl: string;
7 ownerHandle: string;
8 repoName: string;
9}
10
11export function CardHeader({
12 avatarUrl,
13 ownerHandle,
14 repoName,
15}: CardHeaderProps) {
16 return (
17 <Row style={{ gap: 16 }}>
18 <Avatar src={avatarUrl} size={64} />
19 <span style={{ ...TYPOGRAPHY.cardHeader, color: "#000000" }}>
20 {ownerHandle} / {repoName}
21 </span>
22 </Row>
23 );
24}