import type React from 'react';

export type ZoraThemeMode = 'light' | 'dark';

export interface ZoraRuntimeRoleSemantics {
  base: string;
  hover: string;
  strong: string;
  softBg: string;
  softHover: string;
  softActive: string;
  outline: string;
  onSurfaceText: string;
  onSolidText: string;
  onHoverText: string;
  onStrongText: string;
  onSoftText: string;
  onSoftHoverText: string;
  onSoftActiveText: string;
  disabledBg: string;
  onDisabledText: string;
}

export interface ZoraRuntimeTheme {
  colors: Readonly<Record<string, string>>;
  spacing: Readonly<Record<string, number>>;
  radii: Readonly<Record<string, number>>;
  semantics: {
    brand: ZoraRuntimeRoleSemantics;
    secondary: ZoraRuntimeRoleSemantics;
    accent: ZoraRuntimeRoleSemantics;
    highlight: ZoraRuntimeRoleSemantics;
    danger: ZoraRuntimeRoleSemantics;
    success: ZoraRuntimeRoleSemantics;
    warning: ZoraRuntimeRoleSemantics;
    error: ZoraRuntimeRoleSemantics;
    info: ZoraRuntimeRoleSemantics;
    surface: {
      default: string;
      subtle: string;
      raised: string;
      sunken: string;
      overlay: string;
      disabled: string;
      inverse: string;
    };
    content: {
      default: string;
      muted: string;
      subtle: string;
      disabled: string;
      icon: string;
      link: string;
      visited: string;
      inverse: string;
    };
    border: {
      default: string;
      subtle: string;
      strong: string;
      divider: string;
      focus: string;
    };
    selection: { background: string; content: string; border: string };
  };
}

export interface ZoraThemeRuntime {
  readonly theme: ZoraRuntimeTheme;
  readonly mode: ZoraThemeMode;
  readonly setMode: (mode: ZoraThemeMode) => void;
}

export interface ZoraProviderProps {
  children: React.ReactNode;
  initialMode?: ZoraThemeMode;
  mode?: ZoraThemeMode;
  theme?: { id: string; name: string; appCategory: string; primaryColor: string; harmony: string };
  themeConfig?: Record<string, unknown>;
  toast?: boolean | Record<string, unknown>;
  bottomSheet?: boolean;
}
export declare function ZoraProvider(props: ZoraProviderProps): React.ReactElement;
export declare function useZoraTheme(): ZoraThemeRuntime;