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

   1 import type { FC } from 'react';
   2
   3 import { Icon, type IconName } from '@proton/components';
   4 import clsx from '@proton/utils/clsx';
   5
   6 import './CardIcon.scss';
   7
   8 type Props = { className?: string; icon: IconName };
   9
  10 export const CardIcon: FC<Props> = ({ className, icon }) => (
  11     <div className={clsx('pass-card-icon flex items-center rounded-sm color-strong p-0.5', className)}>
  12         <Icon name={icon} />
  13     </div>
  14 );