26 lines
699 B
JavaScript
26 lines
699 B
JavaScript
'use client';
|
|
import { mergeClasses, makeStyles } from '@griffel/react';
|
|
const useStyles = makeStyles({
|
|
root: {
|
|
width: '16px',
|
|
height: '16px',
|
|
visibility: 'hidden',
|
|
flexShrink: 0
|
|
},
|
|
rootChecked: {
|
|
visibility: 'visible',
|
|
flexShrink: 0
|
|
}
|
|
});
|
|
/**
|
|
* Applies styles to a checkmark slot for selectable menu items
|
|
*
|
|
* @param state - should contain a `checkmark` slot
|
|
*/ export const useCheckmarkStyles_unstable = (state)=>{
|
|
'use no memo';
|
|
const styles = useStyles();
|
|
if (state.checkmark) {
|
|
state.checkmark.className = mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
|
|
}
|
|
};
|