import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "../__builtins__/index.mjs";
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook)('tb-page', (token)=>{
    const { componentCls } = token;
    return {
        [componentCls]: {
            position: 'relative',
            zIndex: 20,
            flex: 1,
            display: 'flex',
            flexDirection: 'column',
            height: 'calc(100vh - var(--tb-header-height))',
            overflow: 'hidden',
            '&:hover': {
                '> .general-schema-designer': {
                    display: 'block'
                }
            },
            '.ant-page-header': {
                zIndex: 1,
                position: 'relative'
            },
            '> .general-schema-designer': {
                position: 'absolute',
                zIndex: 999,
                top: '0',
                bottom: '0',
                left: '0',
                right: '0',
                display: 'none',
                border: '0',
                pointerEvents: 'none',
                '> .general-schema-designer-icons': {
                    zIndex: 9999,
                    position: 'absolute',
                    right: '2px',
                    top: '2px',
                    lineHeight: '16px',
                    pointerEvents: 'all',
                    '.ant-space-item': {
                        backgroundColor: 'var(--colorSettings)',
                        color: '#fff',
                        lineHeight: '16px',
                        width: '16px',
                        paddingLeft: '1px'
                    }
                }
            },
            '.tb-page-header-wrapper': {
                zIndex: 10,
                boxShadow: '1px 1px 10px 1px rgba(0, 0, 0, 0.1)'
            },
            '.pageHeaderCss': {
                backgroundColor: token.colorBgContainer,
                paddingInline: token.paddingLG,
                '&.ant-page-header-has-footer': {
                    paddingTop: token.paddingSM,
                    paddingBottom: '0',
                    '.ant-page-header-heading-left': {},
                    '.ant-page-header-footer': {
                        marginBlockStart: '0'
                    }
                },
                '.ant-tabs-nav': {
                    marginBottom: '0'
                },
                '.ant-page-header-heading-title': {
                    color: token.colorText
                }
            },
            '.height0': {
                fontSize: 0,
                height: 0
            },
            '.addTabBtn': {
                borderColor: 'var(--colorSettings)',
                color: 'var(--colorSettings)'
            },
            '.designerCss': {
                position: 'relative',
                '&:hover': {
                    '> .general-schema-designer': {
                        display: 'block'
                    }
                },
                '&.tb-action-link': {
                    '> .general-schema-designer': {
                        top: '-10px',
                        bottom: '-10px',
                        left: '-10px',
                        right: '-10px'
                    }
                },
                '> .general-schema-designer': {
                    position: 'absolute',
                    zIndex: 999,
                    top: '0',
                    bottom: '0',
                    left: '0',
                    right: '0',
                    display: 'none',
                    background: 'var(--colorBgSettingsHover)',
                    border: '0',
                    pointerEvents: 'none',
                    '> .general-schema-designer-icons': {
                        position: 'absolute',
                        right: '2px',
                        top: '2px',
                        lineHeight: '16px',
                        pointerEvents: 'all',
                        '.ant-space-item': {
                            backgroundColor: 'var(--colorSettings)',
                            color: '#fff',
                            lineHeight: '16px',
                            width: '16px',
                            paddingLeft: '1px'
                        }
                    }
                }
            },
            '.pageWithFixedBlockCss': {
                height: '100%',
                '> .tb-grid:not(:last-child)': {
                    '> .tb-schema-initializer-button': {
                        display: 'none'
                    }
                }
            },
            '.tb-page-wrapper': {
                flex: 1,
                padding: token.paddingMD,
                paddingBottom: 0,
                overflowX: 'hidden',
                overflowY: 'scroll'
            },
            '.tb-tabs-wrapper': {
                display: 'flex',
                flexDirection: 'row',
                justifyContent: 'flex-end'
            }
        }
    };
});
export { useStyles };
