packages/excalidraw/components/Card.tsx


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

import OpenColor from "open-color";

import "./Card.scss";

export const Card: React.FC<{
  color: keyof OpenColor | "primary";
  children?: React.ReactNode;
}> = ({ children, color }) => {
  return (
    <div
      className="Card"
      style={{
        ["--card-color" as any]:
          color === "primary" ? "var(--color-primary)" : OpenColor[color][7],
        ["--card-color-darker" as any]:
          color === "primary"
            ? "var(--color-primary-darker)"
            : OpenColor[color][8],
        ["--card-color-darkest" as any]:
          color === "primary"
            ? "var(--color-primary-darkest)"
            : OpenColor[color][9],
      }}
    >
      {children}
    </div>
  );
};