/**
 * Lazy Component Factory
 * Returns Web Component tag names that work natively in all frameworks
 */

import type { ComponentConfig } from './component-factory';

/**
 * Creates a reference to a Web Component
 * Returns the tag name which works natively in React, Vue, Svelte, etc.
 */
export function createLazyComponent(config: ComponentConfig): string {
  // Simply return the tag name
  // Web Components work natively in all frameworks
  return config.tag;
}

/**
 * Creates a lazy-loaded hook
 * For now, returns a simple function that can be used across frameworks
 */
export function createLazyHook(_name: string, factory: () => any): any {
  return factory;
}

/**
 * Creates a lazy-loaded provider
 * Returns a simple object that can be used across frameworks
 */
export function createLazyProvider(config: any): any {
  return config;
}