packages/pass/components/Layout/Card/Card.tsx

   1 import type { CSSProperties, FC, PropsWithChildren } from 'react';
   2
   3 import { Card as CoreCard } from '@proton/atoms';
   4 import clsx from '@proton/utils/clsx';
   5
   6 import { type CardType, getCardTheme } from './utils';
   7
   8 import './Card.scss';
   9
  10 type ItemCardProps = { className?: string; style?: CSSProperties; type?: CardType; onClick?: () => void };
  11
  12 export const Card: FC<PropsWithChildren<ItemCardProps>> = ({ children, className, style, type, onClick }) => (
  13     <CoreCard
  14         style={style}
  15         rounded
  16         background={false}
  17         bordered={false}
  18         className={clsx(getCardTheme(type), 'pass-card', `pass-card:${type}`, className)}
  19         onClick={onClick}
  20     >
  21         {children}
  22     </CoreCard>
  23 );