} label="My unchecked icon appears on hover" slotProps={{ root: ({ checked, focusVisible }) => ({ sx: !checked ? { '& svg': { opacity: focusVisible ? 1 : 0 }, '&:hover svg': { opacity: 1, }, } : undefined, }), }} />