/* eslint-disable @typescript-eslint/naming-convention */

import type {LineLayerStyleProps} from '@rnmapbox/maps/src/utils/MapboxStyles';

import lodashClamp from 'lodash/clamp';

import type {LineLayer} from 'react-map-gl';

import type {AnimatableNumericValue, Animated, ImageStyle, TextStyle, ViewStyle} from 'react-native';

import {Platform, StyleSheet} from 'react-native';

import type {CustomAnimation} from 'react-native-animatable';

import type {PickerStyle} from 'react-native-picker-select';

import type {MixedStyleDeclaration, MixedStyleRecord} from 'react-native-render-html';

import type {ValueOf} from 'type-fest';

import type DotLottieAnimation from '@components/LottieAnimations/types';

import * as Browser from '@libs/Browser';

import CONST from '@src/CONST';

import {defaultTheme} from './theme';

import colors from './theme/colors';

import type {ThemeColors} from './theme/types';

import addOutlineWidth from './utils/addOutlineWidth';

import borders from './utils/borders';

import chatContentScrollViewPlatformStyles from './utils/chatContentScrollViewPlatformStyles';

import codeStyles from './utils/codeStyles';

import cursor from './utils/cursor';

import display from './utils/display';

import editedLabelStyles from './utils/editedLabelStyles';

import emojiDefaultStyles from './utils/emojiDefaultStyles';

import flex from './utils/flex';

import FontUtils from './utils/FontUtils';

import getPopOverVerticalOffset from './utils/getPopOverVerticalOffset';

import objectFit from './utils/objectFit';

import optionAlternateTextPlatformStyles from './utils/optionAlternateTextPlatformStyles';

import overflow from './utils/overflow';

import overflowXHidden from './utils/overflowXHidden';

import pointerEventsAuto from './utils/pointerEventsAuto';

import pointerEventsBoxNone from './utils/pointerEventsBoxNone';

import pointerEventsNone from './utils/pointerEventsNone';

import positioning from './utils/positioning';

import sizing from './utils/sizing';

import spacing from './utils/spacing';

import textDecorationLine from './utils/textDecorationLine';

import textUnderline from './utils/textUnderline';

import userSelect from './utils/userSelect';

import visibility from './utils/visibility';

import whiteSpace from './utils/whiteSpace';

import wordBreak from './utils/wordBreak';

import writingDirection from './utils/writingDirection';

import variables from './variables';

type ColorScheme = ValueOf<typeof CONST.COLOR_SCHEME>;

type StatusBarStyle = ValueOf<typeof CONST.STATUS_BAR_STYLE>;

type AnchorDimensions = {

width: number;

height: number;

};

type AnchorPosition = {

horizontal: number;

vertical: number;

};

type WebViewStyle = {

tagStyles: MixedStyleRecord;

baseFontStyle: MixedStyleDeclaration;

};

type CustomPickerStyle = PickerStyle & {icon?: ViewStyle};

type OverlayStylesParams = {progress: Animated.AnimatedInterpolation<string | number>};

type TwoFactorAuthCodesBoxParams = {isExtraSmallScreenWidth: boolean; isSmallScreenWidth: boolean};

type WorkspaceUpgradeIntroBoxParams = {isExtraSmallScreenWidth: boolean};

type Translation = 'perspective' | 'rotate' | 'rotateX' | 'rotateY' | 'rotateZ' | 'scale' | 'scaleX' | 'scaleY' | 'translateX' | 'translateY' | 'skewX' | 'skewY' | 'matrix';

type OfflineFeedbackStyle = Record<'deleted' | 'pending' | 'default' | 'error' | 'container' | 'textContainer' | 'text' | 'errorDot', ViewStyle | TextStyle>;

type MapDirectionStyle = Pick<LineLayerStyleProps, 'lineColor' | 'lineWidth'>;

type MapDirectionLayerStyle = Pick<LineLayer, 'layout' | 'paint'>;

type Styles = Record<

>;

// touchCallout is an iOS safari only property that controls the display of the callout information when you touch and hold a target

const touchCalloutNone: Pick<ViewStyle, 'WebkitTouchCallout'> = Browser.isMobileSafari() ? {WebkitTouchCallout: 'none'} : {};

// to prevent vertical text offset in Safari for badges, new lineHeight values have been added

const lineHeightBadge: Pick<TextStyle, 'lineHeight'> = Browser.isSafari() ? {lineHeight: variables.lineHeightXSmall} : {lineHeight: variables.lineHeightNormal};

const picker = (theme: ThemeColors) =>

} satisfies TextStyle);

const link = (theme: ThemeColors) =>

} satisfies ViewStyle & MixedStyleDeclaration);

const baseCodeTagStyles = (theme: ThemeColors) =>

} satisfies ViewStyle & MixedStyleDeclaration);

const headlineFont = {

...FontUtils.fontFamily.platform.EXP_NEW_KANSAS_MEDIUM,

} satisfies TextStyle;

const modalNavigatorContainer = (isSmallScreenWidth: boolean) =>

} satisfies ViewStyle);

const webViewStyles = (theme: ThemeColors) =>

} satisfies WebViewStyle);

const styles = (theme: ThemeColors) =>