'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);
    }
};