'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "useCheckmarkStyles_unstable", {
    enumerable: true,
    get: function() {
        return useCheckmarkStyles_unstable;
    }
});
const _react = require("@griffel/react");
const useStyles = (0, _react.makeStyles)({
    root: {
        width: '16px',
        height: '16px',
        visibility: 'hidden',
        flexShrink: 0
    },
    rootChecked: {
        visibility: 'visible',
        flexShrink: 0
    }
});
const useCheckmarkStyles_unstable = (state)=>{
    'use no memo';
    const styles = useStyles();
    if (state.checkmark) {
        state.checkmark.className = (0, _react.mergeClasses)(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
    }
};