applications/calendar/src/app/components/CalendarIcon.tsx

   1 import tinycolor from 'tinycolor2';
   2
   3 import { Icon } from '@proton/components';
   4 import clsx from '@proton/utils/clsx';
   5
   6 interface Props {
   7     color?: string;
   8     className?: string;
   9 }
  10 const CalendarIcon = ({ color, className }: Props) => {
  11     const colorModel = tinycolor(color);
  12     const iconColor = colorModel?.isValid() ? colorModel?.toHexString() : '';
  13     if (!iconColor) {
  14         return null;
  15     }
  16     return <Icon className={clsx(['shrink-0', className])} name="calendar-grid" color={iconColor} />;
  17 };
  18
  19 export default CalendarIcon;