init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

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
import styles from "./Card.module.scss";
import { Tooltip } from "@humansignal/ui";
 
type CardProps = {
  header?: React.ReactNode;
  extra?: React.ReactNode;
  children: React.ReactNode;
  style?: React.CSSProperties;
  headerLine?: boolean;
  noMargin?: boolean;
};
 
export const Card = ({ header, extra, headerLine, noMargin, children, style }: CardProps) => {
  const cardClass = [styles.card, noMargin === true ? styles.cardNoMargin : null].filter(Boolean).join(" ");
  const headerClass = [styles.header, headerLine === false ? styles.headerNoUnderline : null].filter(Boolean).join(" ");
  return (
    <div className={cardClass} style={style}>
      {(header || extra) && (
        <div className={headerClass}>
          <Tooltip title={header}>
            <div className="line-clamp-1">{header}</div>
          </Tooltip>
 
          {extra && <div className={styles.headerExtra}>{extra}</div>}
        </div>
      )}
      <div className={styles.content}>{children}</div>
    </div>
  );
};