import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "../__builtins__/index.mjs";
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook)('tb-grid', (token)=>{
    const { componentCls } = token;
    return {
        [componentCls]: {
            '.ColDivider': {
                flexShrink: 0,
                width: token.marginLG,
                '.DraggableNode': {
                    '&::before': {
                        content: "' '",
                        width: '100%',
                        height: '100%',
                        position: 'absolute',
                        cursor: 'col-resize'
                    },
                    '&:hover': {
                        '&::before': {
                            background: 'var(--colorBgSettingsHover) !important'
                        }
                    },
                    width: token.marginLG,
                    height: '100%',
                    position: 'absolute',
                    cursor: 'col-resize'
                }
            },
            '.RowDivider': {
                height: token.marginLG,
                width: '100%',
                position: 'absolute',
                marginTop: "calc(-1 * ".concat(token.marginLG, "px)")
            },
            '.CardRow': {
                display: 'flex',
                position: 'relative'
            },
            '.showDivider': {
                margin: "0 calc(-1 * ".concat(token.marginLG, "px)")
            }
        }
    };
});
const Grid_style_rslib_entry_ = useStyles;
export { Grid_style_rslib_entry_ as default };
