zitadel

1
import React from "react";
2

3
import styles from "../css/apicard.module.css";
4

5
export function ApiCard({ type, children }) {
6
  let classes = "";
7
  switch (type) {
8
    case "AUTH":
9
      classes = "bg-green-500/10 dark:bg-green-500/20";
10
      break;
11
    case "MGMT":
12
      classes = "bg-blue-500/10 dark:bg-blue-500/20";
13
      break;
14
    case "ADMIN":
15
      classes = "bg-red-500/10 dark:bg-red-500/20";
16
      break;
17
    case "SYSTEM":
18
      classes = "bg-yellow-500/10 dark:bg-yellow-500/20";
19
      break;
20
    case "ASSET":
21
      classes = "bg-black/10 dark:bg-black/20";
22
      break;
23
  }
24

25
  return (
26
    <div
27
      className={`${styles.apicard} flex mb-4 flex-row p-4 rounded-lg ${classes} `}
28
    >
29
      {children}
30
    </div>
31
  );
32
}
33