Cards CardWithTopBorder.tsx

100% Statements 1/1

100% Branches 0/0

100% Functions 1/1

100% Lines 1/1

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  
 
 
 
 
 
 
71x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FC, ReactNode } from "react";
import { cn } from "@/utils";
 
interface CardWithTopBorderProps {
  children: ReactNode;
  className?: string;
}
export const CardWithTopBorder: FC<CardWithTopBorderProps> = ({
  children,
  className,
}: CardWithTopBorderProps) => {
  return (
    <div className={cn("my-6 sticky top-12", className)}>
      <div
        style={{
          background: "linear-gradient(90.11deg,#0071bc 49.91%,#02bfe7 66.06%)",
          borderRadius: "3px 3px 0px 0px",
          height: "8px",
        }}
        className="h-2 shadow-lg"
      />
      <div className="border border-t-0 rounded-b-sm border-slate-300">{children}</div>
    </div>
  );
};