import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "../__builtins__/index.mjs";
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook)('tb-action-drawer', (token)=>{
    const { componentCls } = token;
    return {
        [componentCls]: {
            overflow: 'hidden',
            '&.reset': {
                '&.tb-action-popup': {
                    '.ant-drawer-body': {
                        paddingTop: token.paddingContentVerticalLG,
                        backgroundColor: 'var(--colorBgDrawer)'
                    }
                },
                '&.tb-record-picker-selector': {
                    '.ant-drawer-wrapper-body': {
                        backgroundColor: 'var(--colorBgDrawer)'
                    },
                    '.tb-block-item': {
                        marginBottom: token.marginLG,
                        '.general-schema-designer': {
                            top: -token.sizeXS,
                            bottom: -token.sizeXS,
                            left: -token.sizeXS,
                            right: -token.sizeXS
                        }
                    }
                }
            },
            '.ant-drawer-title': {
                textAlign: 'center'
            },
            '.footer': {
                display: 'flex',
                justifyContent: 'flex-end',
                width: '100%',
                '.ant-btn': {
                    marginRight: token.marginXS
                }
            },
            '.ant-drawer-content-wrapper': {
                borderLeft: "1px solid ".concat(token.colorBorder)
            }
        }
    };
});
export { useStyles };
