Fakultas Ilmu Komputer UI

StatusDonasi.jsx 553 Bytes
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import React from "react";
import { css } from "@emotion/core";
const StatusDonasi = ({ status, label }) => {
  let color;
  switch (status) {
    case "001":
      color = "#EAC435";
      break;
    case "002":
      color = "#27496d";
      break;
    case "003":
      color = "#CA1551";
      break;
    case "004":
      color = "#FC766AFF";
      break;
    default:
      color = "black";
      break;
  }
  return (
    <div
      css={css`
        color: ${color};
      `}
    >
      {label}
    </div>
  );
};

export default StatusDonasi;