[@mantine/core] Notification: spread closeButtonProps after iconSize, color

[emewjin]

original discord thread

Spread Notification's closeButtonProps after CloseButton's iconSize and color would be better experience to customize Notification's CloseButton. (override default prop iconSize=16, color=gray)

Like below code, for customizing, using CloseButton's props will better than using classNames because it is more simple and It can use CloseButton's predefined props.

// If using classNames to customize Notification's closeButton
const useStyles = createStyles(
  (theme) => ({
    closeButton: {
      color: theme.colors.gray[2],
      width: '44px',
      height: '44px',
    },
  })
);
const { classes } = useStyles();
<Notification classNames={{ ...classes }} />

// If using closeButtonProps to customize Notification's closeButton
<Notification closeButtonProps={{ color: 'gray.2', size: 'xl' }}  />

[rtivital]

Thanks!