applications/calendar/src/app/components/events/PopoverCloseButton.tsx

   1 import { c } from 'ttag';
   2
   3 import { Button } from '@proton/atoms';
   4 import { Icon, Tooltip } from '@proton/components';
   5
   6 interface Props {
   7     onClose: () => void;
   8 }
   9
  10 const PopoverCloseButton = ({ onClose }: Props) => {
  11     return (
  12         <Tooltip title={c('Event popover close button').t`Close popover`}>
  13             <Button icon shape="ghost" size="small" className="color-weak" onClick={onClose}>
  14                 <Icon name="cross-big" alt={c('Action').t`Close event popover`} />
  15             </Button>
  16         </Tooltip>
  17     );
  18 };
  19
  20 export default PopoverCloseButton;