import type { ColorValue, TextStyle } from 'react-native';
import type { UserInterfaceStyle, BlurEffect } from '../../shared/types';
import type { TabsScreenIconIOS } from './TabsScreenIcon.types';

export type TabsScreenBlurEffect = BlurEffect | 'systemDefault';

export type TabsScreenRole = 'search';

export type TabsScreenSystemItem =
  | 'bookmarks'
  | 'contacts'
  | 'downloads'
  | 'favorites'
  | 'featured'
  | 'history'
  | 'more'
  | 'mostRecent'
  | 'mostViewed'
  | 'recents'
  | 'search'
  | 'topRated';

export interface TabsScreenAppearanceIOS {
  /**
   * @summary Specifies the appearance of tab bar items when they are in stacked layout.
   *
   * Tab bar items in stacked layout have the icon above the title.
   * Stacked layout is used e.g. on the iPhone in portrait orientation.
   *
   * @platform ios
   */
  stacked?: TabsScreenItemAppearanceIOS | undefined;
  /**
   * @summary Specifies the appearance of tab bar items when they are in inline layout.
   *
   * Tab bar items in inline layout have the icon next to the title.
   * Inline layout is used in regular-width environments, e.g. in landscape orientation on the iPhone 16 Pro Max.
   *
   * Complete list of size classes for iOS and iPadOS devices is available in Apple's Human Interface Guidelines:
   * @see {@link https://developer.apple.com/design/human-interface-guidelines/layout#iOS-iPadOS-device-size-classes|HIG: Device size classes}
   *
   * @platform ios
   */
  inline?: TabsScreenItemAppearanceIOS | undefined;
  /**
   * @summary Specifies the appearance of tab bar items when they are in compact inline layout.
   *
   * Tab bar items in compact inline layout have the icon next to the title.
   * Compact inline layout is used in compact-width environments, e.g. in landscape orientation on the iPhone 16 Pro.
   *
   * Complete list of size classes for iOS and iPadOS devices is available in Apple's Human Interface Guidelines:
   * @see {@link https://developer.apple.com/design/human-interface-guidelines/layout#iOS-iPadOS-device-size-classes|HIG: Device size classes}
   *
   * @platform ios
   */
  compactInline?: TabsScreenItemAppearanceIOS | undefined;

  /**
   * @summary Specifies the background color for the entire tab bar when tab screen is selected.
   *
   * This property does not affect the tab bar starting from iOS 26.
   *
   * @platform ios
   * @supported iOS 18 or lower
   */
  tabBarBackgroundColor?: ColorValue | undefined;
  /**
   * @summary Specifies the blur effect applied to the tab bar when tab screen is selected.
   *
   * Works with backgroundColor's alpha < 1.
   *
   * This property does not affect the tab bar starting from iOS 26.
   *
   * The following values are currently supported:
   *
   * - `none` - disables blur effect
   * - `systemDefault` - uses UIKit's default tab bar blur effect
   * - one of styles mapped from UIKit's UIBlurEffectStyle, e.g. `systemUltraThinMaterial`
   *
   * Complete list of possible blur effect styles is available in the official UIKit documentation:
   * @see {@link https://developer.apple.com/documentation/uikit/uiblureffect/style|UIBlurEffect.Style}
   *
   * @default systemDefault
   *
   * @platform ios
   * @supported iOS 18 or lower
   */
  tabBarBlurEffect?: TabsScreenBlurEffect | undefined;
  /**
   * @summary Specifies the shadow color for the tab bar when tab screen is selected.
   *
   * This property does not affect the tab bar starting from iOS 26.
   *
   * @platform ios
   * @supported iOS 18 or lower
   */
  tabBarShadowColor?: ColorValue | undefined;
}

export interface TabsScreenItemAppearanceIOS {
  /**
   * Defines appearance for all tab bar items which are in their enabled, unselected and unfocused state.
   * The color scheme is determined by the configuration of the currently selected tab.
   *
   * @platform ios
   */
  normal?: TabsScreenItemStateAppearanceIOS | undefined;
  /**
   * Defines appearance for the tab bar item that is currently active.
   * The appearance is determined by the configuration of the currently selected tab itself.
   *
   * @platform ios
   */
  selected?: TabsScreenItemStateAppearanceIOS | undefined;
  /**
   * Defines appearance for a tab bar item when it receives focus.
   * The appearance is determined by the configuration of the currently selected tab.
   *
   * @platform ios
   */
  focused?: TabsScreenItemStateAppearanceIOS | undefined;
  /**
   * Defines appearance for tab bar items when they are disabled.
   * The appearance is determined by the configuration of the currently selected tab.
   *
   * @platform ios
   */
  disabled?: TabsScreenItemStateAppearanceIOS | undefined;
}

export interface TabsScreenItemStateAppearanceIOS {
  /**
   * @summary Specifies the font family used for the title of each tab bar item
   * when tab screen is selected.
   *
   * @platform ios
   */
  tabBarItemTitleFontFamily?: TextStyle['fontFamily'] | undefined;
  /**
   * @summary Specifies the font size used for the title of each tab bar item
   * when tab screen is selected.
   *
   * @platform ios
   */
  tabBarItemTitleFontSize?: TextStyle['fontSize'] | undefined;
  /**
   * @summary Specifies the font weight used for the title of each tab bar item
   * when tab screen is selected.
   *
   * @platform ios
   */
  tabBarItemTitleFontWeight?: TextStyle['fontWeight'] | undefined;
  /**
   * @summary Specifies the font style used for the title of each tab bar item
   * when tab screen is selected.
   *
   * @platform ios
   */
  tabBarItemTitleFontStyle?: TextStyle['fontStyle'] | undefined;
  /**
   * @summary Specifies the font color used for the title of each tab bar item
   * when tab screen is selected.
   *
   * Overrides the color defined in `tabBarTintColor` and `tabBarItemIconColor`.
   *
   * @platform ios
   */
  tabBarItemTitleFontColor?: TextStyle['color'] | undefined;
  /**
   * @summary Specifies the title offset for each tab bar item when tab screen
   * is selected.
   *
   * Depending on the iOS version and the device's interface orientation,
   * this setting may affect the alignment of the text, badge and icon.
   *
   * @platform ios
   */
  tabBarItemTitlePositionAdjustment?:
    | {
        horizontal?: number | undefined;
        vertical?: number | undefined;
      }
    | undefined;
  /**
   * @summary Specifies the icon color for each tab bar item when tab screen
   * is selected.
   *
   * This also impacts the title text color.
   *
   * Starting from iOS 26, it only applies to selected tab bar item. Other items
   * adopt a dark or light appearance depending on the theme of the tab bar.
   *
   * Is overridden by `tabBarItemTitleFontColor` (for title text color).
   * Overrides `tabBarTintColor`.
   *
   * @platform ios
   */
  tabBarItemIconColor?: ColorValue | undefined;
  /**
   * @summary Specifies the background color of badges for each tab bar item
   * when tab screen is selected.
   *
   * @platform ios
   */
  tabBarItemBadgeBackgroundColor?: ColorValue | undefined;
}

export interface TabsScreenPropsIOS {
  /**
   * @summary Specifies the standard tab bar appearance.
   *
   * Allows to customize the appearance depending on the tab bar item layout (stacked,
   * inline, compact inline) and state (normal, selected, focused, disabled).
   *
   * @platform ios
   */
  standardAppearance?: TabsScreenAppearanceIOS | undefined;
  /**
   * @summary Specifies the tab bar appearace when edge of scrollable content aligns
   * with the edge of the tab bar.
   *
   * Allows to customize the appearance depending on the tab bar item layout (stacked,
   * inline, compact inline) and state (normal, selected, focused, disabled).
   *
   * If this property is `undefined`, UIKit uses `standardAppearance`, modified to
   * have a transparent background.
   *
   * @platform ios
   */
  scrollEdgeAppearance?: TabsScreenAppearanceIOS | undefined;
  /**
   * @summary Specifies the icon for the tab bar item.
   *
   * Supported values:
   * - `{ type: 'imageSource', imageSource, renderingMode? }`
   *   Uses an image from the provided resource. `renderingMode` defaults to
   *   `default`, which keeps the image's own colors. With `template` it is
   *   used as a template image and follows the state-dependent icon color.
   * - `{ type: 'sfSymbol', name, renderingMode? }`
   *   Uses an SF Symbol with the specified name. If no system symbol
   *   matches, falls back to a custom symbol with that name from the app's
   *   asset catalog. `renderingMode` defaults to `default`, the system
   *   behavior: a single color for system symbols, while for custom symbols
   *   the rendering intent set in the asset catalog may change it. `original`
   *   shows the symbol's own color layers (Apple's "multicolor" rendering).
   * - `{ type: 'xcasset', name }`
   *   Deprecated: use `sfSymbol` for custom symbols from the asset catalog, or
   *   `imageSource` with `{ uri: 'name' }` for asset catalog images (append
   *   `.png` to names containing a dot; add `renderingMode: 'template'` for an
   *   asset whose "Render As" is not `Original Image`).
   *   Uses an image from the asset catalog. Its colors follow the asset's
   *   "Render As" setting in the catalog: `Original Image` keeps its own colors,
   *   `Default` and `Template Image` follow the state-dependent icon color.
   * - `{ type: 'templateSource', templateSource }`
   *   Deprecated: use `{ type: 'imageSource', imageSource, renderingMode: 'template' }`
   *   instead. Uses the provided image as a template image.
   *
   * See `TabsScreenIconImageRenderingModeIOS` and
   * `TabsScreenIconSymbolRenderingModeIOS` for the meaning of each rendering mode.
   *
   * If no `selectedIcon` is provided, this icon will also
   * be used as the selected state icon.
   *
   * @platform ios
   */
  icon?: TabsScreenIconIOS | undefined;
  /**
   * @summary Specifies the icon for tab bar item when it is selected.
   *
   * Supports the same values as `icon` property. It must use the same icon
   * `type` as `icon`; `renderingMode` may differ, e.g.
   * `icon: { type: 'sfSymbol', name }` with
   * `selectedIcon: { type: 'sfSymbol', name, renderingMode: 'original' }`
   * shows the symbol tinted while unselected and in its own colors while selected.
   *
   * To use `selectedIcon`, `icon` must also be provided.
   *
   * @platform ios
   */
  selectedIcon?: TabsScreenIconIOS | undefined;
  /**
   * @summary System-provided tab bar item with predefined icon and title
   *
   * Uses Apple's built-in tab bar items (e.g., bookmarks, contacts, downloads) with
   * standard iOS styling and localized titles. Custom `icon` or `selectedIcon`
   * properties will override the system icon, and the system-defined title can be
   * overridden by providing a custom `title`.
   *
   * @remarks
   * On iOS 26, `systemItem: 'search'` acts as a detached tab bar item, which does not display
   * any title (system or custom). This no longer applies on iOS 27; to get a similar separation
   * use `role: 'search'` together with `automaticallyActivatesSearch`.
   *
   * @see {@link https://developer.apple.com/documentation/uikit/uitabbaritem/systemitem|UITabBarItem.SystemItem}
   *
   * @platform ios
   */
  systemItem?: TabsScreenSystemItem | undefined;
  /**
   * @summary Gives this tab a system role. Currently the only role is `'search'`,
   * which marks the tab as the system search tab.
   *
   * On iOS 26.1+ (where tabs are managed through the `UITab` API) a tab screen with
   * `role: 'search'` is backed natively by `UISearchTab`, which enables the system
   * search behavior: `automaticallyActivatesSearch` and the detached trailing
   * placement UIKit gives search tabs. Behavior differs between OS versions: iOS 26.x
   * detaches `UISearchTab` unconditionally, iOS 27.0 only while `automaticallyActivatesSearch`
   * is enabled. This prop does not affect the tab bar item's icon or title - combine
   * it with `systemItem: 'search'` for the system magnifier item. On iOS 27+ the detached
   * (prominent) placement can be given to any tab instead through `TabsHost`
   * `ios.prominentScreenKey`.
   *
   * The native tab class cannot change during the screen's lifetime - changing
   * `role` on a mounted tab screen is not supported and triggers an assertion
   * in development builds.
   *
   * @see {@link https://developer.apple.com/documentation/uikit/uisearchtab|UISearchTab}
   *
   * @default undefined
   *
   * @platform ios
   * @supported iOS 26.1 or higher
   */
  role?: TabsScreenRole | undefined;
  /**
   * @summary Specifies whether selecting this tab automatically activates its search field.
   *
   * Effective only for tab screens with `role: 'search'` and only when a search bar
   * is configured in the header of the screen stack nested in this tab
   * (see `headerSearchBarOptions`). When enabled, selecting the search tab immediately
   * activates the search field. Cancelling the search restores the previously selected tab.
   *
   * @see {@link https://developer.apple.com/documentation/uikit/uisearchtab/automaticallyactivatessearch|UISearchTab.automaticallyActivatesSearch}
   *
   * @default false
   *
   * @platform ios
   * @supported iOS 26.1 or higher
   */
  automaticallyActivatesSearch?: boolean | undefined;
  /**
   * @summary Specifies if `contentInsetAdjustmentBehavior` of first ScrollView
   * in first descendant chain from tab screen should be overridden back from `never`
   * to `automatic`.
   *
   * By default, `react-native`'s ScrollView has `contentInsetAdjustmentBehavior`
   * set to `never` instead of UIKit-default (which is `automatic`). This
   * prevents ScrollViews from respecting navigation bar insets.
   * When this prop is set to `true`, `automatic` behavior is reverted.
   *
   * Supported only on Fabric.
   *
   * @default true
   *
   * @platform ios
   */
  overrideScrollViewContentInsetAdjustmentBehavior?: boolean | undefined;
  /**
   * @summary Allows to override system appearance for the tab bar.
   *
   * Does not support dynamic changes to the prop value for the currently visible screen.
   *
   * Please note that this prop is marked as **experimental** and might be subject to breaking changes or even removal.
   * Consider using `colorScheme` on `TabsHost` instead.
   *
   * The following values are currently supported:
   * - `unspecified` - an unspecified interface style,
   * - `light` - the light interface style,
   * - `dark` - the dark interface style.
   *
   * The supported values correspond to the official UIKit documentation:
   *
   * @see {@link https://developer.apple.com/documentation/uikit/uiuserinterfacestyle|UIUserInterfaceStyle}
   *
   * @default unspecified
   *
   * @platform ios
   */
  experimental_userInterfaceStyle?: UserInterfaceStyle | undefined;
}