import { TWDTheme } from '../ui/utils/theme';
interface Options {
    Component: React.ReactNode;
    createRoot: (el: HTMLElement) => {
        render: (el: React.ReactNode) => void;
    };
    /**
     * Optional theme customization
     * Users can override default theme values by passing a partial theme object
     */
    theme?: Partial<TWDTheme>;
}
/**
 * Initialize the TWD sidebar.
 * @param options - Options for initializing the sidebar.
 * @example
 * ```ts
 * import { initSidebar } from 'twd-js';
 *
 * // Initialize the sidebar (e.g., in your main app file)
 * initSidebar({
 *   Component: <TWDSidebar open={true} position="left" />,
 *   createRoot,
 *   theme: { primary: '#ff0000', background: '#ffffff' }
 * });
 * ```
 */
export declare const initSidebar: (options: Options) => void;
export {};