All files / frontend/src/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
29
30
31
1x
1x
1x
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
1x
 
1x
 
import React from 'react';
import classNames from 'classnames';
import './Card.css';
 
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    variant?: 'default' | 'bordered' | 'elevated';
    children: React.ReactNode;
}
 
const Card = React.forwardRef<HTMLDivElement, CardProps>(
    ({ variant = 'default', className, children, ...props }, ref) => {
        return (
            <div
                ref={ref}
                className={classNames(
                    'card',
                    `card-${variant}`,
                    className
                )}
                {...props}
            >
                {children}
            </div>
        );
    }
);
 
Card.displayName = 'Card';
 
export default Card;