import React, { ReactNode, ComponentType } from 'react'; import { ThemeType } from '../helpers/themeManager'; declare const ThemeContext: React.Context<{ variables: { BASE_SIZE: number; SMALL_SIZE: number; MEDIUM_SIZE: number; LARGE_SIZE: number; FONT_SIZE: number; FONT_FAMILY: string; HEADER_5: number; HEADER_4: number; HEADER_3: number; HEADER_2: number; HEADER_1: number; BLUE: string; FOCUS_BLUE_1: string; FOCUS_BLUE_2: string; FOCUS_BLUE_3: string; BACKGROUND_BLUE_1: string; BACKGROUND_BLUE_2: string; BACKGROUND_BLUE_3: string; RED: string; ORANGE: string; MAGENTA: string; PINK: string; YELLOW: string; GREEN: string; DARK_RED: string; SOFT_RED: string; DARK_GREEN: string; SOFT_GREEN: string; DARK_ORANGE: string; SOFT_ORANGE: string; DARK_PINK: string; SOFT_PINK: string; DARK_YELLOW: string; SOFT_YELLOW: string; BLACK: string; GREY_1: string; GREY_2: string; GREY_3: string; GREY_4: string; GREY_5: string; WHITE: string; PRIMARY_COLOR: string; DARK_PRIMARY_COLOR: string; LIGHT_PRIMARY_COLOR: string; DANGER_COLOR: string; ERROR_COLOR: string; WARNING_COLOR: string; SUCCESS_COLOR: string; INFO_COLOR: string; TEXT_COLOR: string; INVERTED_TEXT_COLOR: string; DISABLED_TEXT_COLOR: string; MUTED_TEXT_COLOR: string; LINK_TEXT_COLOR: string; BORDER_COLOR: string; BACKGROUND_COLOR: string; DISABLED_BACKGROUND_COLOR: string; VIOLET: string; VIOLET_DARK_45: string; VIOLET_DARK_30: string; VIOLET_DARK_15: string; VIOLET_LIGHT_30: string; VIOLET_LIGHT_60: string; VIOLET_LIGHT_90: string; RED_DARK_15: string; RED_LIGHT_90: string; GREEN_DARK_15: string; GREEN_LIGHT_90: string; ORANGE_DARK_15: string; ORANGE_LIGHT_90: string; PINK_DARK_15: string; PINK_LIGHT_90: string; YELLOW_DARK_15: string; YELLOW_LIGHT_90: string; GREY_DARK_60: string; GREY_DARK_30: string; GREY: string; GREY_LIGHT_60: string; GREY_LIGHT_90: string; }; avatar: { readonly wrapper: {}; readonly titleWrapper: { readonly position: "absolute"; readonly top: 0; readonly left: 0; readonly alignItems: "center"; readonly justifyContent: "center"; readonly borderColor: string; }; readonly title: { fontFamily: string; color: string; } | { color: string; fontFamily?: undefined; }; readonly image: { readonly position: "absolute"; readonly left: 0; readonly top: 0; }; readonly mediumWrapper: { readonly height: number; readonly width: number; }; readonly mediumTitleWrapper: { readonly width: number; readonly height: number; readonly borderWidth: 1.2; readonly borderRadius: number; }; readonly mediumTitle: { readonly fontSize: number; readonly fontWeight: "300"; }; readonly mediumImage: { readonly width: number; readonly height: number; readonly borderRadius: number; }; readonly largeWrapper: { readonly width: number; readonly height: number; }; readonly largeTitleWrapper: { readonly width: number; readonly height: number; readonly borderWidth: 1.5; readonly borderRadius: number; }; readonly largeTitle: { readonly fontSize: number; readonly fontWeight: "200"; }; readonly largeImage: { readonly width: number; readonly height: number; readonly borderRadius: number; }; readonly smallWrapper: { readonly width: number; readonly height: number; }; readonly smallTitleWrapper: { readonly width: number; readonly height: number; readonly borderWidth: 1; readonly borderRadius: number; }; readonly smallTitle: { readonly fontSize: number; readonly fontWeight: "400"; }; readonly smallImage: { readonly width: number; readonly height: number; readonly borderRadius: number; }; }; badge: { readonly wrapper: { readonly alignSelf: "flex-start"; readonly justifyContent: "center"; readonly height: number; readonly minWidth: number; readonly paddingHorizontal: number; readonly borderRadius: number; }; readonly content: { readonly lineHeight: number; readonly textTransform: "uppercase"; readonly fontSize: number; readonly fontWeight: "500"; readonly textAlign: "center"; } | { fontFamily: string; lineHeight: number; textTransform: "uppercase"; fontSize: number; fontWeight: "500"; textAlign: "center"; }; readonly errorWrapper: { readonly backgroundColor: string; }; readonly errorContent: { readonly color: string; }; readonly warningWrapper: { readonly backgroundColor: string; }; readonly warningContent: { readonly color: string; }; readonly successWrapper: { readonly backgroundColor: string; }; readonly successContent: { readonly color: string; }; readonly infoWrapper: { readonly backgroundColor: string; }; readonly infoContent: { readonly color: string; }; }; bottomButton: { readonly wrapper: { readonly marginHorizontal: number; readonly backgroundColor: string; readonly borderRadius: number; }; readonly wrapperWithoutHomeBar: { readonly marginBottom: number; readonly paddingBottom: 0; }; readonly wrapperWithHomeBar: { readonly marginBottom: number; readonly paddingBottom: number; }; readonly button: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly height: number; readonly paddingHorizontal: number; }; readonly text: { fontSize: number; lineHeight: number; color: string; } | { fontFamily: string; fontSize: number; lineHeight: number; color: string; }; readonly loadingIndicator: { readonly color: string; }; readonly disabledWrapper: { readonly backgroundColor: string; }; readonly disabledText: { readonly color: string; }; }; button: { readonly wrapper: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly height: number; readonly paddingHorizontal: number; readonly borderRadius: number; }; readonly text: { readonly fontFamily: string; readonly fontSize: number; readonly lineHeight: number; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly lineHeight: number; }; readonly filledWrapper: { readonly backgroundColor: string; }; readonly filledText: { readonly color: string; }; readonly filledLoadingIndicator: { readonly color: string; }; readonly outlinedWrapper: { readonly borderWidth: 1.2; readonly borderColor: string; readonly backgroundColor: "transparent"; }; readonly outlinedText: { readonly fontWeight: "500"; readonly color: string; }; readonly outlinedLoadingIndicator: { readonly color: string; }; readonly disabledWrapper: { readonly borderWidth: 0; readonly backgroundColor: string; }; readonly disabledText: { readonly color: string; }; }; buttonGroup: { readonly group: { readonly display: "flex"; readonly flexDirection: "row"; readonly flexWrap: "wrap"; readonly justifyContent: "space-between"; readonly margin: number; }; readonly wrapper: { readonly display: "flex"; readonly flexGrow: 1; }; readonly button: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly height: number; readonly minWidth: number; readonly margin: number; readonly paddingHorizontal: number; readonly borderWidth: number; readonly borderRadius: number; }; readonly text: { readonly fontFamily: string; readonly fontSize: number; readonly lineHeight: number; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly lineHeight: number; }; readonly activeButton: { readonly borderColor: string; readonly backgroundColor: string; }; readonly activeText: { readonly color: string; }; readonly inactiveButton: { readonly borderColor: string; readonly backgroundColor: "transparent"; }; readonly inactiveText: { readonly color: string; }; }; calendar: { readonly wrapper: {}; readonly header: { readonly flexDirection: "row"; readonly alignItems: "center"; readonly justifyContent: "space-between"; readonly paddingVertical: number; }; readonly headerButton: { readonly justifyContent: "center"; readonly height: number; readonly minWidth: number; readonly paddingHorizontal: number; }; readonly headerTitle: { readonly fontFamily: string; readonly fontSize: number; readonly fontWeight: "500"; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly fontWeight: "500"; }; readonly monthView: { readonly flexDirection: "row"; readonly flexWrap: "wrap"; readonly justifyContent: "center"; }; readonly day: { readonly flexDirection: "row"; readonly flexBasis: string; readonly justifyContent: "center"; readonly alignItems: "center"; readonly height: number; }; readonly dayText: { readonly fontFamily: string; readonly lineHeight: number; readonly fontSize: number; readonly fontWeight: "400"; readonly color: string; } | { readonly fontFamily?: undefined; readonly lineHeight: number; readonly fontSize: number; readonly fontWeight: "400"; readonly color: string; }; readonly dayName: { readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; }; readonly dayNameSunday: { readonly color: string; }; readonly selectedDay: { readonly position: "absolute"; readonly width: number; readonly height: number; readonly backgroundColor: string; readonly borderRadius: number; }; readonly selectedDayText: { readonly fontWeight: "500"; readonly color: string; }; readonly blurredDayText: { readonly color: string; }; readonly currentDayText: { readonly color: string; }; readonly markedDay: { readonly position: "absolute"; readonly bottom: number; readonly flexDirection: "row"; }; readonly mark: { readonly width: 4; readonly height: 4; readonly marginHorizontal: 1; readonly borderRadius: 2; }; readonly hiddenDay: { readonly backgroundColor: string; }; }; card: { readonly card: { readonly overflow: "hidden"; readonly backgroundColor: string; readonly borderRadius: number; }; }; container: { container: { padding: number; }; fluid: { flex: number; }; }; dateTimePicker: { readonly wrapper: { readonly backgroundColor: string; }; readonly actions: { readonly flexDirection: "row"; readonly justifyContent: "flex-end"; readonly borderBottomWidth: number; readonly borderBottomColor: string; }; readonly action: { readonly justifyContent: "center"; readonly height: number; readonly paddingHorizontal: number; }; readonly actionText: { readonly fontSize: number; readonly color: string; }; }; errorScreen: { readonly container: { readonly flex: 1; readonly alignItems: "center"; readonly justifyContent: "center"; readonly padding: number; readonly backgroundColor: string; }; readonly image: { readonly width: number; readonly height: number; readonly marginBottom: number; }; readonly titleWrapper: { readonly marginVertical: number; }; readonly subtitleWrapper: { readonly marginVertical: number; }; readonly actionsWrapper: { readonly marginTop: number; }; readonly closeButton: { readonly position: "absolute"; readonly top: 0; readonly right: 0; readonly padding: number; }; }; icon: { icon: { color: string; }; }; listItem: { readonly wrapper: { readonly display: "flex"; readonly flexDirection: "row"; readonly alignItems: "center"; readonly justifyContent: "space-between"; readonly minHeight: number; readonly paddingVertical: number; readonly paddingHorizontal: number; readonly borderBottomWidth: 0.8; readonly borderBottomColor: string; }; readonly title: { readonly fontFamily: string; readonly fontSize: number; readonly fontWeight: "500"; readonly lineHeight: number; readonly color: string; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly fontWeight: "500"; readonly lineHeight: number; readonly color: string; }; readonly subtitle: { readonly fontFamily: string; readonly fontSize: number; readonly fontWeight: "500"; readonly lineHeight: number; readonly color: string; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly fontWeight: "500"; readonly lineHeight: number; readonly color: string; }; readonly contentWrapper: { readonly flex: 1; readonly flexDirection: "row"; readonly alignItems: "center"; }; readonly textWrapper: { readonly flex: 1; readonly flexDirection: "row"; }; }; mentionTextInput: { wrapper: { marginBottom: number; }; text: { fontFamily: string; fontSize: number; color: string; } | { fontFamily?: undefined; fontSize: number; color: string; }; disabledText: { color: string; }; highlightText: { backgroundColor: string; borderRadius: number; }; suggestionWrapper: { marginTop: number; backgroundColor: string; borderRadius: number; shadowColor: string; shadowOffset: { height: number; width: number; }; shadowOpacity: number; shadowRadius: number; elevation: number; }; }; message: { readonly wrapper: { readonly paddingVertical: number; readonly paddingHorizontal: number; readonly top: 0; readonly left: 0; readonly right: 0; }; readonly content: { readonly fontSize: number; readonly fontWeight: "500"; readonly textAlign: "center"; readonly fontFamily: string; } | { readonly fontSize: number; readonly fontWeight: "500"; readonly textAlign: "center"; readonly fontFamily?: undefined; }; readonly errorWrapper: { readonly backgroundColor: string; }; readonly errorContent: { readonly color: string; }; readonly warningWrapper: { readonly backgroundColor: string; }; readonly warningContent: { readonly color: string; }; readonly successWrapper: { readonly backgroundColor: string; }; readonly successContent: { readonly color: string; }; readonly infoWrapper: { readonly backgroundColor: string; }; readonly infoContent: { readonly color: string; }; }; radio: { readonly wrapper: { readonly flexDirection: "row"; readonly alignItems: "center"; readonly paddingVertical: number; readonly marginBottom: number; }; readonly label: { readonly fontFamily: string; readonly marginLeft: number; readonly fontSize: number; } | { readonly fontFamily?: undefined; readonly marginLeft: number; readonly fontSize: number; }; readonly activeIcon: { readonly color: string; }; readonly inactiveIcon: { readonly color: string; }; }; richTextEditor: { readonly wrapper: { readonly marginBottom: number; }; readonly webview: { readonly minHeight: 120; readonly backgroundColor: "transparent"; readonly borderBottomWidth: 0.8; readonly borderBottomColor: string; }; readonly editor: { readonly padding: number; readonly fontSize: number; }; readonly suggestionList: {}; readonly toolbar: { readonly flexDirection: "row"; readonly alignItems: "center"; readonly borderTopWidth: number; readonly borderTopColor: string; readonly backgroundColor: string; }; readonly toolbarButton: { readonly width: number; readonly height: number; readonly alignItems: "center"; readonly justifyContent: "center"; }; readonly selectedToolbarButton: { readonly width: number; readonly height: number; readonly alignItems: "center"; readonly justifyContent: "center"; readonly backgroundColor: string; }; readonly separator: { readonly width: 0; readonly height: number; readonly marginHorizontal: number; readonly borderRightWidth: 1; readonly borderRightColor: string; }; readonly errorMessage: { readonly fontFamily: string; readonly minHeight: number; readonly lineHeight: number; readonly marginTop: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; } | { readonly fontFamily?: undefined; readonly minHeight: number; readonly lineHeight: number; readonly marginTop: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; }; readonly errorWebview: { readonly borderBottomColor: string; }; }; select: { readonly wrapper: { readonly backgroundColor: string; }; readonly actions: { readonly flexDirection: "row"; readonly justifyContent: "flex-end"; readonly borderBottomWidth: number; readonly borderBottomColor: string; }; readonly action: { readonly justifyContent: "center"; readonly height: number; readonly paddingHorizontal: number; }; readonly actionText: { readonly fontSize: number; readonly color: string; }; readonly overlay: { readonly flex: 1; readonly alignItems: "center"; readonly justifyContent: "center"; readonly backgroundColor: "rgba(0,0,0,0.5)"; }; readonly dialog: { readonly width: "80%"; readonly maxHeight: "70%"; readonly backgroundColor: string; readonly borderRadius: 2; readonly elevation: 10; }; readonly optionWrapper: { readonly paddingVertical: number; readonly paddingHorizontal: number; }; readonly optionText: { readonly fontSize: number; readonly color: string; }; readonly selectedOptionText: { readonly fontWeight: "400"; readonly color: string; }; }; _switch: { readonly track: { readonly width: number; readonly height: number; readonly padding: 2; readonly borderRadius: number; }; readonly trackOn: { readonly backgroundColor: string; }; readonly trackOff: { readonly backgroundColor: string; }; readonly thumbWrapper: { readonly width: number; readonly height: number; readonly borderRadius: number; }; readonly thumb: { readonly position: "absolute"; readonly top: 0; readonly width: number; readonly height: number; readonly backgroundColor: string; readonly borderRadius: number; }; readonly thumbOff: { readonly left: 0; }; readonly thumbOn: { readonly left: number; }; }; tabBar: { readonly wrapper: { readonly flex: 1; }; readonly navigator: { readonly flexDirection: "row"; readonly alignItems: "stretch"; }; readonly tab: { readonly flex: 1; readonly flexDirection: "row"; readonly justifyContent: "center"; readonly alignItems: "center"; readonly padding: number; readonly borderBottomWidth: 3; readonly borderBottomColor: "transparent"; }; readonly content: { readonly flex: 1; }; readonly selectedTab: { readonly borderBottomColor: string; }; }; text: { readonly text: { readonly fontFamily: string; readonly fontSize: number; readonly color: string; } | { readonly fontFamily?: undefined; readonly fontSize: number; readonly color: string; }; readonly h1: { readonly fontSize: number; }; readonly h2: { readonly fontSize: number; }; readonly h3: { readonly fontSize: number; }; readonly h4: { readonly fontSize: number; }; readonly h5: { readonly fontSize: number; }; }; textInput: { readonly wrapper: { readonly marginBottom: number; }; readonly label: { readonly fontFamily: string; readonly height: number; readonly lineHeight: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; } | { readonly fontFamily?: undefined; readonly height: number; readonly lineHeight: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; }; readonly placeholder: { readonly color: string; }; readonly textInput: { readonly flexDirection: "row"; readonly alignItems: "center"; readonly borderBottomWidth: 0.8; readonly borderBottomColor: string; }; readonly baseTextInput: { readonly fontFamily: string; readonly flex: 1; readonly paddingTop: number; readonly paddingBottom: number; readonly textAlignVertical: "center"; readonly fontSize: number; readonly color: string; } | { readonly fontFamily?: undefined; readonly flex: 1; readonly paddingTop: number; readonly paddingBottom: number; readonly textAlignVertical: "center"; readonly fontSize: number; readonly color: string; }; readonly icon: { readonly height: number; readonly marginLeft: number; readonly color: string; }; readonly errorMessage: { readonly fontFamily: string; readonly minHeight: number; readonly lineHeight: number; readonly marginTop: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; } | { readonly fontFamily?: undefined; readonly minHeight: number; readonly lineHeight: number; readonly marginTop: number; readonly fontSize: number; readonly fontWeight: "500"; readonly color: string; }; readonly errorLabel: { readonly color: string; }; readonly errorTextInput: { readonly borderBottomColor: string; }; readonly errorIcon: { readonly color: string; }; readonly activeLabel: { readonly color: string; }; readonly activeTextInput: { readonly borderBottomColor: string; readonly borderBottomWidth: 1; }; readonly activeIcon: { readonly color: string; }; readonly disabledBaseTextInput: { readonly color: string; }; }; }>; declare type ThemeProviderProps = { theme: ThemeType; children: ReactNode; }; export declare const ThemeProvider: ComponentType; export declare const useTheme: () => ThemeType; export default ThemeContext;