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 IdentityCard = () => (
 7    <Card.Root className={styles.CardRoot}>
 8      <div>
 9        <h2>
10          <Card.Target href="#" className={styles.CardTarget}>
11            Procurement
12          </Card.Target>
13        </h2>
14      </div>
15      <div className={styles.content}>
16        <div className={styles.TableRoot}>
17          <Table.Root className={styles.TableRoot}>
18  
19            <Table.Body>
20              <Table.Row className={styles.TableRow}>
21                <Table.RowHeaderCell className={styles.TableCell}>
22                  Buyer
23                </Table.RowHeaderCell>
24                <Table.Cell className={styles.TableCell}>0xb794f5ea0ba39494ce839613f8</Table.Cell>
25              </Table.Row>
26  
27              <Table.Row className={styles.TableRow}>
28                <Table.RowHeaderCell className={styles.TableCell}>
29                  Seller
30                </Table.RowHeaderCell>
31                <Table.Cell className={styles.TableCell}>0xb849hsmh89839613fffba74279579268</Table.Cell>
32              </Table.Row>
33  
34              <Table.Row className={styles.TableRow}>
35                <Table.RowHeaderCell className={styles.TableCell}>
36                  State
37                </Table.RowHeaderCell>
38                <Table.Cell className={styles.TableCell}>Complete</Table.Cell>
39              </Table.Row>
40  
41              <Table.Row className={styles.TableRow}>
42                <Table.RowHeaderCell className={styles.TableCell}>
43                  Amount
44                </Table.RowHeaderCell>
45                <Table.Cell className={styles.TableCell}>0.8 eth</Table.Cell>
46              </Table.Row>
47            </Table.Body>
48          </Table.Root>
49        </div>
50      </div>
51      <div className={styles.learnMore}>
52        <Card.TargetDescription>Open</Card.TargetDescription>
53      </div>
54    </Card.Root>
55  );
56  
57  export default IdentityCard;