// Copyright 2024 The Lynx Authors. All rights reserved.
// Licensed under the Apache License Version 2.0 that can be found in the
// LICENSE file in the root directory of this source tree.

import { StandardProps } from '../props';
import { NoProps } from '../props';
import { ComponentProps } from './component';
import { FilterImageProps } from './filter-image';
import { ImageProps, ImageUIMethods } from './image';
import { ListProps, ListUIMethods } from './list';
import { ListItemProps } from './list-item';
import { PageProps } from './page';
import { ScrollViewProps, ScrollViewUIMethods } from './scroll-view';
import { TextProps, TextUIMethods } from './text';
import { ViewProps } from './view';
import { InputProps, InputUIMethods } from './input';
import { TextAreaProps, TextAreaUIMethods } from './textarea';
import { FrameProps } from './frame';
import { OverlayProps} from './overlay';
import {
  ScrollCoordinatorHeaderProps,
  ScrollCoordinatorProps,
  ScrollCoordinatorSlotDragProps,
  ScrollCoordinatorSlotProps,
  ScrollCoordinatorToolbarProps,
  ScrollCoordinatorUIMethods,
} from './scroll-coordinator';
import { SVGProps } from './svg';
import { TitleBarViewProps } from './title-bar-view';
import { RefreshProps, RefreshUIMethods } from './refresh';
import { ViewPagerItemProps, ViewPagerProps, ViewPagerUIMethods } from './viewpager';


export interface UIMethods {
  'list': ListUIMethods;
  'scroll-view': ScrollViewUIMethods;
  'image': ImageUIMethods;
  'input': InputUIMethods;
  'textarea': TextAreaUIMethods;
  'text': TextUIMethods;
  'refresh': RefreshUIMethods;
  'scroll-coordinator': ScrollCoordinatorUIMethods;
  'viewpager': ViewPagerUIMethods;
}

type LynxComponentProps = ComponentProps;

// add also to global.JSX.IntrinsicElements
export interface IntrinsicElements {
  'component': LynxComponentProps;
  'filter-image': FilterImageProps;
  'image': ImageProps;
  'inline-image': ImageProps;
  'inline-text': TextProps;
  'inline-truncation': NoProps;
  'list': ListProps;
  'list-item': ListItemProps;
  'list-row': StandardProps;
  'page': PageProps;
  'scroll-view': ScrollViewProps;
  'text': TextProps;
  'view': ViewProps;
  'raw-text': StandardProps & { text: number | string };
  'input': InputProps;
  'textarea': TextAreaProps;
  'frame': FrameProps;
  'overlay': OverlayProps;
  'svg': SVGProps;
  'title-bar-view': TitleBarViewProps;
  'refresh': RefreshProps;
  'refresh-header': StandardProps;
  'scroll-coordinator': ScrollCoordinatorProps;
  'scroll-coordinator-header': ScrollCoordinatorHeaderProps;
  'scroll-coordinator-slot': ScrollCoordinatorSlotProps;
  'scroll-coordinator-slot-drag': ScrollCoordinatorSlotDragProps;
  'scroll-coordinator-toolbar': ScrollCoordinatorToolbarProps;
  'viewpager': ViewPagerProps;
  'viewpager-item': ViewPagerItemProps;
}

declare module 'react' {
  namespace JSX {
    // Should copy from above IntrinsicElements
    interface IntrinsicElements {
      'component': LynxComponentProps;
      'filter-image': FilterImageProps;
      'image': ImageProps;
      'inline-image': ImageProps;
      'inline-text': TextProps;
      'inline-truncation': NoProps;
      'list': ListProps;
      'list-item': ListItemProps;
      'list-row': StandardProps;
      'page': PageProps;
      'scroll-view': ScrollViewProps;
      'text': TextProps;
      'view': ViewProps;
      'raw-text': StandardProps & { text: number | string };
      'input': InputProps;
      'textarea': TextAreaProps;
      'frame': FrameProps;
      'overlay': OverlayProps;
      'svg': SVGProps;
      'title-bar-view': TitleBarViewProps;
      'refresh': RefreshProps;
      'refresh-header': StandardProps;
      'scroll-coordinator': ScrollCoordinatorProps;
      'scroll-coordinator-header': ScrollCoordinatorHeaderProps;
      'scroll-coordinator-slot': ScrollCoordinatorSlotProps;
      'scroll-coordinator-slot-drag': ScrollCoordinatorSlotDragProps;
      'scroll-coordinator-toolbar': ScrollCoordinatorToolbarProps;
      'viewpager': ViewPagerProps;
      'viewpager-item': ViewPagerItemProps;
    }
  }
}