applications/drive/src/app/components/modals/DriveOnboardingV2Modal/IconList.tsx

   1 import { memo } from 'react';
   2
   3 import type { IconName } from '@proton/components';
   4 import { Icon } from '@proton/components';
   5
   6 type Props = {
   7     items: ({ text: string; icon?: IconName } | false)[];
   8 };
   9
  10 export const IconList = memo(({ items }: Props) => {
  11     return (
  12         <ul className="unstyled">
  13             {items.map((item) => {
  14                 if (!item) {
  15                     return null;
  16                 }
  17
  18                 const { text, icon } = item;
  19
  20                 return (
  21                     <li key={text} className="flex items-center gap-2 my-1">
  22                         {icon ? <Icon name={icon} /> : null}
  23                         {text}
  24                     </li>
  25                 );
  26             })}
  27         </ul>
  28     );
  29 });
  30 IconList.displayName = 'IconList';