import { c } from 'ttag';
import { Button, Icon, Tooltip } from '@proton/components';

interface Props {
    onClose: () => void;
}

const PopoverCloseButton = ({ onClose }: Props) => {
    return (
        <Tooltip title={c('Event popover close button').t`Close popover`}>
            <Button icon shape="ghost" size="small" onClick={onClose}>
                <Icon name="cross" alt={c('Action').t`Close event popover`} />
            </Button>
        </Tooltip>
    );
};

export default PopoverCloseButton;

import { c } from 'ttag';
import { Button, Icon, Tooltip } from '@proton/components';

interface Props {
    onClose: () => void;
}

const PopoverCloseButton = ({ onClose }: Props) => {
    return (
        <Tooltip title={c('Event popover close button').t`Close popover`}>
            <Button icon shape="ghost" size="small" onClick={onClose}>
                <Icon name="cross-big" alt={c('Action').t`Close event popover`} />
            </Button>
        </Tooltip>
    );
};

export default PopoverCloseButton;

Increase size of popover close icon to 'cross-big'
Increase size of popover close icon to 'cross-big'

CALWEB-3542
