/**
 * Styles Provider
 * Translated from @abp/ng.theme.basic/lib/providers/styles.provider.ts v3.0.0
 *
 * Provides style configuration for the theme-basic module.
 * In Angular, this uses DomInsertionService to inject CSS into the DOM.
 * In React with Chakra UI, most styles are handled via CSS-in-JS,
 * but this provider can be used for any global CSS overrides.
 *
 * @since 3.0.0
 */
/**
 * Default styles for theme-basic.
 * These are global CSS styles that supplement Chakra UI's styling.
 *
 * @since 3.0.0
 */
export declare const THEME_BASIC_STYLES = "\n/* Content header styles */\n.content-header-title {\n    font-size: 24px;\n}\n\n.entry-row {\n    margin-bottom: 15px;\n}\n\n/* Input validation styles */\n.input-validation-error {\n    border-color: #dc3545;\n}\n\n.field-validation-error {\n    font-size: 0.8em;\n}\n\n/* Table styles */\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\n    border: 1px solid #c8c8c8;\n}\n\n.ui-table .pagination-wrapper {\n    background-color: #f4f4f4;\n    border: 1px solid #c8c8c8;\n}\n\n/* Bordered datatable styles (added in v3.0.0) */\n.bordered .datatable-body-row {\n    border-top: 1px solid #eee;\n    margin-top: -1px;\n}\n\n/* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */\n.abp-loading {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n/* Modal backdrop */\n.modal-backdrop {\n    background-color: rgba(0, 0, 0, 0.6);\n}\n";
/**
 * Injects the theme-basic styles into the document head.
 * Call this function during app initialization if you need the global CSS styles.
 *
 * Note: Most styling in React/Chakra is handled via CSS-in-JS.
 * This is primarily for compatibility with Angular components or
 * third-party libraries that expect global CSS classes.
 *
 * @since 3.0.0
 */
export declare function injectThemeBasicStyles(): void;
/**
 * Configures the basic theme styles.
 * This function is called during app initialization to inject global CSS.
 *
 * @returns A function that performs the style injection
 * @since 3.0.0
 */
export declare function configureStyles(): () => void;
/**
 * Basic theme styles providers for initialization.
 * Use this in your app setup to configure theme-basic styles.
 *
 * In React, you typically call this during app initialization:
 *
 * @example
 * ```tsx
 * import { initializeThemeBasicStyles } from '@abpjs/theme-basic';
 *
 * // In your app initialization
 * initializeThemeBasicStyles();
 * ```
 *
 * @since 3.0.0
 */
export declare const BASIC_THEME_STYLES_PROVIDERS: {
    configureStyles: typeof configureStyles;
};
/**
 * Initialize theme basic styles.
 * Call this function during app initialization to inject the
 * global CSS styles for theme-basic.
 *
 * @since 3.0.0
 *
 * @example
 * ```tsx
 * import { initializeThemeBasicStyles } from '@abpjs/theme-basic';
 *
 * // Call once during app initialization
 * initializeThemeBasicStyles();
 * ```
 */
export declare function initializeThemeBasicStyles(): void;