1  import React from "react";
 2  import * as Card from "@timhettler/radix-card";
 3  import styles from "./card.module.scss";
 4  import { Table } from "@radix-ui/themes";
 5  
 6  const RepositoryCard = () => (
 7    <Card.Root className={styles.CardRoot}>
 8      <div>
 9        <h2>
10          <Card.Target href="#" className={styles.CardTarget}>
11            Repository
12          </Card.Target>
13        </h2>
14      </div>
15      <div className={styles.content}>
16        <div className={styles.TableRoot}>
17          <Table.Root className={styles.TableRoot}>
18            {/* <Table.Header className={styles.TableHeader}>
19              <Table.Row>
20                <Table.ColumnHeaderCell className={styles.TableCell}>
21                  Currency
22                </Table.ColumnHeaderCell>
23                <Table.ColumnHeaderCell className={styles.TableCell}>
24                  Amount
25                </Table.ColumnHeaderCell>
26              </Table.Row>
27            </Table.Header> */}
28  
29            <Table.Body>
30              <Table.Row className={styles.TableRow}>
31                <Table.RowHeaderCell className={styles.TableCell}>
32                  Name
33                </Table.RowHeaderCell>
34                <Table.Cell className={styles.TableCell}>Hanse Wallet</Table.Cell>
35              </Table.Row>
36  
37              <Table.Row className={styles.TableRow}>
38                <Table.RowHeaderCell className={styles.TableCell}>
39                  Version
40                </Table.RowHeaderCell>
41                <Table.Cell className={styles.TableCell}>0.1.0</Table.Cell>
42              </Table.Row>
43  
44              <Table.Row className={styles.TableRow}>
45                <Table.RowHeaderCell className={styles.TableCell}>
46                  Description
47                </Table.RowHeaderCell>
48                <Table.Cell className={styles.TableCell}>Complete</Table.Cell>
49              </Table.Row>
50  
51              <Table.Row className={styles.TableRow}>
52                <Table.RowHeaderCell className={styles.TableCell}>
53                  Updated at
54                </Table.RowHeaderCell>
55                <Table.Cell className={styles.TableCell}>29/02/24</Table.Cell>
56              </Table.Row>
57            </Table.Body>
58          </Table.Root>
59        </div>
60      </div>
61      <div className={styles.learnMore}>
62        <Card.TargetDescription>Open</Card.TargetDescription>
63      </div>
64    </Card.Root>
65  );
66  
67  export default RepositoryCard;