import type { ComponentType, ReactNode } from 'react'

export interface ThemeMetadata {
  themeTokensVersion: string
  name: string
}

export interface Theme {
  metadata: ThemeMetadata
}

export interface ThemeOptions {
  forceAbsoluteFontSizing?: boolean
  forceZIndex?: boolean
  defaultViewport?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
}

export interface BaseProviderProps {
  children: ReactNode
  defaultTheme: Theme
  themeOptions?: ThemeOptions
}

export declare const BaseProvider: ComponentType<BaseProviderProps>