Cards RoleStatusTopBorderCard.tsx

100% Statements 3/3

100% Branches 4/4

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
34
35
36
37
38  
 
 
 
 
 
 
 
 
 
97x
 
 
 
 
6x
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FC, ReactNode } from "react";
 
import { cn } from "@/utils";
 
interface RoleStatusTopBorderCardProps {
  children: ReactNode;
  className?: string;
  status?: "pending" | "denied" | string;
}
 
export const RoleStatusTopBorderCard: FC<RoleStatusTopBorderCardProps> = ({
  children,
  className,
  status,
}) => {
  const isSolidHeader = status === "pending" || status === "denied";
 
  const headerStyle = isSolidHeader
    ? { background: "#3D4551" }
    : {
        background: "linear-gradient(90.11deg,#0071BC 49.91%,#004370 66.06%)",
      };
 
  return (
    <div className={cn("my-6 flex flex-col", className)}>
      <div
        style={{
          ...headerStyle,
          borderRadius: "3px 3px 0px 0px",
          height: "8px",
        }}
        className="h-2 shadow-lg"
      />
      <div className="flex-1 border border-t-0 rounded-b-sm border-slate-300">{children}</div>
    </div>
  );
};