dhre-ui-kit 0.0.94 → 0.0.96

package/lib/index.d.ts

@@ -0,0 +1,862 @@
+import React$1, { ReactElement, ReactNode } from 'react';
+import { TextStyle, TextProps, StyleProp, ViewStyle, TextInputProps, ImageStyle } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+import { PdfProps } from 'react-native-pdf';
+import { CalendarProps } from 'react-native-calendars';
+import { CountryCode } from 'react-native-country-picker-modal';
+import { DocumentPickerResponse } from 'react-native-document-picker';
+
+interface FontStyles {
+    [key: string]: TextStyle;
+}
+declare const FONT_STYLES: FontStyles;
+
+interface CustomTextProps extends TextProps {
+    text: string;
+    variant: keyof typeof FONT_STYLES | string;
+    style?: StyleProp<TextStyle>;
+    textColor?: string;
+}
+declare const _default$c: (props: CustomTextProps) => React$1.JSX.Element;
+
+interface BadgeProps {
+    text?: string;
+    style?: ViewStyle;
+    iconName?: ReactElement<SvgProps>;
+    textStyle?: TextStyle;
+    iconStyle?: ViewStyle;
+    handleIconPress: () => void;
+}
+declare const _default$b: (props: BadgeProps) => React$1.JSX.Element;
+
+interface BottomDrawerProps {
+    isModalVisible: boolean;
+    toggleModal: () => void;
+    isFullScreen?: boolean;
+    children: React.ReactNode;
+    title: string;
+    testID?: string;
+    style?: ViewStyle;
+    modalContainerStyle?: ViewStyle;
+    blurAmount?: number;
+    blurViewStyle?: ViewStyle;
+    showBlurView?: boolean;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    onLeftIconPress?: () => void;
+    titleStyle?: TextStyle;
+    titleVariant?: string;
+    showHeader?: boolean;
+}
+
+declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
+
+interface CustomButtonProps {
+    title: string;
+    onPress: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: TextStyle;
+    leftIcon?: ReactElement<SvgProps>;
+    rightIcon?: ReactElement<SvgProps>;
+    iconStyle?: ViewStyle;
+    titleColor?: string;
+    titleVariant?: string;
+    imagePosition?: 'left' | 'right';
+    testID?: string;
+    disabled?: boolean;
+    disabledColor?: string;
+    disableButtonTitleColor?: string;
+}
+
+declare const _default$a: (props: CustomButtonProps) => React$1.JSX.Element;
+
+interface CardsProps {
+    topLeftTitle?: string;
+    subtitle?: string;
+    iconTitle?: string;
+    iconSource?: ReactNode;
+    buttonText?: string;
+    title?: string;
+    buttonShown?: boolean;
+    testID?: string;
+    onButtonPress?: () => void;
+}
+
+declare const Cards: React$1.FC<CardsProps>;
+
+interface CheckBoxProps {
+    isChecked: boolean;
+    onCheck?: (checked: boolean) => void;
+    labelName: string;
+    disable?: boolean;
+    isCircle?: boolean;
+    testID?: string;
+    checkedIcon: React.ReactElement;
+    uncheckedIcon: React.ReactElement;
+    titleVariant?: string;
+    titleStyle?: TextStyle;
+    containerStyle?: ViewStyle;
+}
+
+declare const Checkbox: React$1.FC<CheckBoxProps>;
+
+interface CustomDropdownProps$1 {
+    label: string;
+    placeholder?: string;
+    options: Array<{
+        id: string;
+        value: string;
+        label: string;
+    }>;
+    selectedValue?: {
+        id: string;
+        value: string;
+        label: string;
+    };
+    oneSelect: (option: {
+        id: string;
+        value: string;
+        label: string;
+    }) => void;
+    testId?: string;
+    iconName?: ReactElement;
+    iconStyle?: ViewStyle;
+    upArrowIcon: ReactElement;
+    downArrowIcon: ReactElement;
+}
+
+declare const CustomDropdown$1: React$1.FC<CustomDropdownProps$1>;
+
+interface CustomTextInputProps extends TextInputProps {
+    label: string;
+    placeholder?: string;
+    disabled?: boolean;
+    errorMessage?: string;
+    successMessage?: string;
+    testID?: string;
+    handleFocus?: () => void;
+    handleBlur?: () => void;
+    handleOnChangeText?: (text: string) => void;
+    secureTextEntry?: boolean;
+    isSearchBar?: boolean;
+    multiline?: boolean;
+    rightIcon1?: ReactElement;
+    rightIcon2?: ReactElement;
+    searchIcon?: ReactElement;
+}
+
+declare const CustomTextInput: React$1.FC<CustomTextInputProps>;
+
+interface CustomTooltipProps {
+    message: string;
+    children: React$1.ReactNode;
+    actionType?: 'press' | 'longPress';
+    testId?: string;
+    backgroundColor?: string;
+    popoverContent?: React$1.ReactElement;
+    icon?: ReactElement;
+    iconStyle?: ViewStyle;
+    iconColor?: string;
+}
+
+declare const CustomTooltip: React$1.FC<CustomTooltipProps>;
+
+interface FileUploadProps {
+    onUpload: () => void;
+    title: string;
+    containerStyle?: ViewStyle;
+    btnText: string;
+    uploadImageStyling: ImageStyle;
+    icon?: React$1.ReactElement;
+    iconStyle?: ViewStyle;
+}
+declare const FileUpload: React$1.FC<FileUploadProps>;
+
+declare const PdfView: React$1.FC<PdfProps>;
+
+interface PopUpProps {
+    subtitle?: string;
+    buttonText?: string;
+    title?: string;
+    leftButtonShown: boolean;
+    rightButtonShown: boolean;
+    testID?: string;
+    onButtonPress?: () => void;
+}
+
+declare const PopUp: React$1.FC<PopUpProps>;
+
+declare enum ShapeType {
+    LINE = "line",
+    CIRCLE = "circle"
+}
+declare enum ToggleButtonType {
+    SMALL = "small",
+    LARGE = "large"
+}
+declare enum FontStyle {
+    H1_BOLD = "H1_BOLD",
+    H2_BOLD = "H2_BOLD",
+    H3_BOLD = "H3_BOLD",
+    H4_BOLD = "H4_BOLD",
+    H5_BOLD = "H5_BOLD",
+    H6_BOLD = "H6_BOLD",
+    H7_BOLD = "H7_BOLD",
+    H8_BOLD = "H8_BOLD",
+    H1_REGULAR = "H1_REGULAR",
+    H2_REGULAR = "H2_REGULAR",
+    H3_REGULAR = "H3_REGULAR",
+    H4_REGULAR = "H4_REGULAR",
+    H5_REGULAR = "H5_REGULAR",
+    H6_REGULAR = "H6_REGULAR",
+    H7_REGULAR = "H7_REGULAR",
+    H8_REGULAR = "H8_REGULAR",
+    H1_LIGHT = "H1_LIGHT",
+    H2_LIGHT = "H2_LIGHT",
+    H3_LIGHT = "H3_LIGHT",
+    H4_LIGHT = "H4_LIGHT",
+    H5_LIGHT = "H5_LIGHT",
+    H6_LIGHT = "H6_LIGHT",
+    H7_LIGHT = "H7_LIGHT",
+    H8_LIGHT = "H8_LIGHT",
+    B1_BOLD = "B1_BOLD",
+    B2_BOLD = "B2_BOLD",
+    B3_BOLD = "B3_BOLD",
+    B4_BOLD = "B4_BOLD",
+    B1_REGULAR = "B1_REGULAR",
+    B2_REGULAR = "B2_REGULAR",
+    B3_REGULAR = "B3_REGULAR",
+    B4_REGULAR = "B4_REGULAR",
+    L1_BOLD = "L1_BOLD",
+    L2_BOLD = "L2_BOLD",
+    L3_BOLD = "L3_BOLD",
+    L1_REGULAR = "L1_REGULAR",
+    L2_REGULAR = "L2_REGULAR",
+    L3_REGULAR = "L3_REGULAR"
+}
+declare enum Theme {
+    SURFACE_PRIMARY = "SURFACE_PRIMARY",
+    SURFACE_SECONDARY = "SURFACE_SECONDARY",
+    SURFACE_TERTIARY = "SURFACE_TERTIARY",
+    SURFACE_STATIC = "SURFACE_STATIC",
+    SURFACE_BRAND_STATIC = "SURFACE_BRAND_STATIC",
+    SURFACE_BRAND_TRANSPARENT_STATIC = "SURFACE_BRAND_TRANSPARENT_STATIC",
+    SURFACE_DISABLE = "SURFACE_DISABLE",
+    SURFACE_INVERTED = "SURFACE_INVERTED",
+    SURFACE_INVERTED_TRANSPARENT = "SURFACE_INVERTED_TRANSPARENT",
+    SURFACE_DROP_SHADOW = "SURFACE_DROP_SHADOW",
+    SURFACE_BLUR = "SURFACE_BLUR",
+    CONTENT_PRIMARY = "CONTENT_PRIMARY",
+    CONTENT_SECONDRY = "CONTENT_SECONDRY",
+    CONTENT_DISABLE = "CONTENT_DISABLE",
+    CONTENT_INVERTED = "CONTENT_INVERTED",
+    CONTENT_STATIC = "CONTENT_STATIC",
+    CONTENT_PRIMARY_STATIC = "CONTENT_PRIMARY_STATIC",
+    CONTENT_SECONDRY_STATIC = "CONTENT_SECONDRY_STATIC",
+    BORDER_PRIMARY = "BORDER_PRIMARY",
+    BORDER_SECONDRY = "BORDER_SECONDRY",
+    BORDER_DISABLE = "BORDER_DISABLE",
+    BORDER_INVERTED = "BORDER_INVERTED",
+    BORDER_BRAND_STATIC = "BORDER_BRAND_STATIC",
+    BORDER_BRAND_TRANSPARENT_STATIC = "BORDER_BRAND_TRANSPARENT_STATIC",
+    BORDER_TEXT_FIELD = "BORDER_TEXT_FIELD",
+    BORDER_SEPERATOR_HEADER = "BORDER_SEPERATOR_HEADER",
+    BORDER_STATIC = "BORDER_STATIC",
+    BORDER_SEPRATOR = "BORDER_SEPRATOR",
+    WARNING = "WARNING",
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    ERROR = "ERROR"
+}
+
+interface CustomProgressBarProps {
+    value: number;
+    type: ShapeType.LINE | ShapeType.CIRCLE;
+    width: number;
+    height?: number;
+    fillColor: string;
+    unfilledColor: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    circleSize?: number;
+    thickness?: number;
+    progress: number;
+    setProgress: React$1.Dispatch<React$1.SetStateAction<number>>;
+    increment?: number;
+    interval?: number;
+    percentageText?: string;
+    valueTextStyle?: TextStyle;
+}
+declare const CustomProgressBar: React$1.FC<CustomProgressBarProps>;
+
+interface StarProps {
+    rating: number;
+    count: number;
+    size: number;
+    fullStarIcon: React$1.ReactElement;
+    halfStarIcon: React$1.ReactElement;
+    fullStarColor?: string;
+    emptyStarColor?: string;
+    starStyle?: ViewStyle;
+}
+declare const Star: React$1.FC<StarProps>;
+
+interface Props {
+    options: string[];
+    initialSelected?: string[];
+    onSelectionChange?: (selected: string[]) => void;
+    style?: ViewStyle;
+}
+declare const _default$9: (props: Props) => React$1.JSX.Element;
+
+interface TagsProps {
+    tags: string[];
+    tagStyles?: ViewStyle;
+    handleSetSelectedTagsOptions: (tags: string[]) => void;
+    handleTagsChange: (tag: string) => void;
+    testID?: string;
+    icon?: ReactElement;
+    iconStyle?: ViewStyle;
+}
+
+declare const Tags: React$1.FC<TagsProps>;
+
+interface CustomSwitchProps {
+    onValueChange: (value: boolean) => void;
+    value: boolean;
+    type?: ToggleButtonType;
+    trackWidth?: number;
+    width?: number;
+}
+declare const CustomSwitch: React$1.FC<CustomSwitchProps>;
+
+interface AccordionProps {
+    title: string;
+    testId?: string;
+    containerStyle?: ViewStyle;
+    titleStyle?: TextStyle;
+    headerStyle?: ViewStyle;
+    children?: React$1.ReactNode;
+    isOpen: boolean;
+    onToggle: () => void;
+    optionalElement?: () => React$1.ReactNode;
+    headerComponent?: () => React$1.ReactNode;
+    disabled?: boolean;
+}
+
+declare const Accordion: ({ title, testId, containerStyle, titleStyle, headerStyle, children, isOpen, onToggle, optionalElement, headerComponent, disabled, }: AccordionProps) => React$1.JSX.Element;
+
+interface ToastProps {
+}
+interface ToastRef {
+    showToast: (message: string, duration?: number, isSuccess?: boolean, buttonText?: string | null, buttonAction?: (() => void) | null) => void;
+}
+interface ToastRef {
+    showToast: (message: string, duration?: number, isSuccess?: boolean, buttonText?: string | null, buttonAction?: (() => void) | null) => void;
+}
+interface ToastServiceInterface {
+    setRef: (ref: ToastRef | null) => void;
+    showToast: (message: string, duration?: number, isSuccess?: boolean, buttonText?: string | null, buttonAction?: (() => void) | null) => void;
+}
+
+declare const Toast: React$1.ForwardRefExoticComponent<ToastProps & React$1.RefAttributes<ToastRef>>;
+
+interface CustomSearchBarProps extends TextInputProps {
+    height?: number;
+    disabled?: boolean;
+    testID?: string;
+    inputContainerStyle?: ViewStyle;
+    searchIconStyle?: TextStyle;
+    crossIconStyle?: TextStyle;
+    inputStyle?: TextStyle;
+    onSearchIconPress?: () => void;
+    onCrossIconPress?: () => void;
+    handleOnChangeText?: (text: string) => void;
+    rightIcon?: React.ReactElement;
+    disableBorderColor?: string;
+    disablePlaceHolderStyle?: string;
+    enablePlaceHolderStyle?: string;
+    borderColor?: string;
+    setValue: (val: string) => void;
+    value: string | undefined;
+}
+
+declare const CustomSearchBar: ({ value, height, disabled, testID, inputContainerStyle, searchIconStyle, crossIconStyle, inputStyle, onSearchIconPress, onCrossIconPress, handleOnChangeText, setValue, rightIcon, disableBorderColor, borderColor, disablePlaceHolderStyle, enablePlaceHolderStyle, ...props }: CustomSearchBarProps) => React$1.JSX.Element;
+
+interface CustomHeaderProps {
+    title: string;
+    testId?: string;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    onLeftPress?: () => void;
+    onRightPress?: () => void;
+}
+
+declare const CustomHeader: ({ title, testId, leftIcon, rightIcon, showLeftIcon, showRightIcon, onLeftPress, onRightPress, }: CustomHeaderProps) => React$1.JSX.Element;
+
+interface ListItem {
+    id: string;
+    templateId: number;
+    title: string;
+    subTitle: string;
+    icon: string;
+    isRead: boolean;
+    isPinned: boolean;
+    isDeleted: boolean;
+    isActionable: boolean;
+    category: string;
+    url: string;
+    channel: string;
+    status: string;
+    createdBy: string;
+    createdDateTime: string;
+}
+interface SwipableListProps {
+    data: ListItem[];
+    testId?: string;
+    renderItem: (item: ListItem) => ReactNode;
+    leftPrimaryActionActiveIcon?: ReactNode;
+    leftPrimaryActionActiveTitle?: string;
+    leftPrimaryActionInActiveIcon?: ReactNode;
+    leftPrimaryActionInActiveTitle?: string;
+    leftPrimaryActionHandler?: (item: ListItem) => void;
+    leftPrimaryActionStyle?: ViewStyle;
+    leftSecondaryActionActiveIcon?: ReactNode;
+    leftSecondaryActionActiveTitle?: string;
+    leftSecondaryActionInActiveIcon?: ReactNode;
+    leftSecondaryActionInActiveTitle?: string;
+    leftSecondaryActionHandler?: (item: ListItem) => void;
+    leftSecondaryActionStyle?: ViewStyle;
+    rightPrimaryActionIcon?: ReactNode;
+    rightPrimaryActionTitle?: string;
+    rightPrimaryActionHandler?: (item: ListItem) => void;
+    rightPrimaryActionStyle?: ViewStyle;
+    itemStyle?: ViewStyle;
+    titleStyle?: TextStyle;
+}
+
+declare const SwipableList: (props: SwipableListProps) => React$1.JSX.Element;
+
+interface TypoTextProps extends TextProps {
+    variant: keyof typeof FONT_STYLES;
+    text?: string;
+    testID?: string;
+}
+declare const CustomTypography: React$1.FC<TypoTextProps>;
+
+interface CustomIconProps {
+    icon: React$1.ReactElement;
+    title?: string;
+    titleVariant?: string;
+    testId?: string;
+    onPress?: () => void;
+    containerStyle?: ViewStyle;
+    titleStyle?: TextStyle;
+}
+
+declare const CustomIcon: ({ icon, title, titleVariant, testId, onPress, containerStyle, titleStyle, }: CustomIconProps) => React$1.JSX.Element;
+
+interface CustomLoaderProps {
+    loading: boolean;
+}
+
+declare const CustomLoader: ({ loading }: CustomLoaderProps) => React$1.JSX.Element | null;
+
+declare const _default$8: (props: {
+    style?: ViewStyle;
+}) => React$1.JSX.Element;
+
+interface OurOfficesButtonProps$1 {
+    rightIcon?: ReactElement<SvgProps>;
+    onPress: () => void;
+    title: string;
+    subTitle?: string;
+    containterStyle?: ViewStyle;
+}
+declare const _default$7: (props: OurOfficesButtonProps$1) => React$1.JSX.Element;
+
+interface ContactModalProps {
+    phoneNumber: string;
+    visible: boolean;
+    onClose: () => void;
+    isMailOpen: boolean;
+    data: string;
+}
+declare const _default$6: (props: ContactModalProps) => React$1.JSX.Element;
+
+interface DateRangePickerProps extends CalendarProps {
+    onButtonPress: (startDate: string, endDate: string) => void;
+}
+
+declare const DateRangePicker: (props: DateRangePickerProps) => React$1.JSX.Element;
+
+interface OurOfficesButtonProps {
+    leftIcon?: ReactElement<SvgProps>;
+    rightIcon?: ReactElement<SvgProps>;
+    onPress: () => void;
+    title: string;
+    description: string;
+    containerStyle?: ViewStyle;
+    titleVariant?: string;
+    descriptionVariant?: string;
+    titleColor?: string;
+    descriptionColor?: string;
+}
+declare const _default$5: (props: OurOfficesButtonProps) => React$1.JSX.Element;
+
+interface NotificationBandgeProps {
+    notificationCount?: number;
+}
+
+declare const NotificationBandge: React$1.FC<NotificationBandgeProps>;
+
+interface ScrollableListProps {
+    data: {
+        name: string;
+        value: string;
+        isError?: boolean;
+    }[] | undefined;
+    handleSelectCategory: (name: string, value: string) => void;
+    containerStyle?: object;
+    scrollViewContentStyle?: object;
+    itemStyle?: object;
+    selectedItemStyle?: object;
+    selectedItemTextColor?: string;
+    defaultItemTextColor?: string;
+    activeTab?: string;
+}
+declare const _default$4: (props: ScrollableListProps) => React$1.JSX.Element;
+
+declare const FeedbackForm: ({ title, clearAllData, handleSendFeedback, feedback, setFeedback, }: {
+    title: string;
+    feedback: string;
+    clearAllData?: () => void;
+    handleSendFeedback?: () => void;
+    setFeedback: (val: string) => void;
+}) => React$1.JSX.Element;
+
+interface MobileNumberInputProps {
+    defaultCountryCode?: CountryCode;
+    defaultCallingCode?: string;
+    placeholder: string;
+    onChangeText: (text: string) => void;
+    value?: string;
+    containerStyle?: ViewStyle;
+    inputStyle?: TextStyle;
+    countryPickerStyle?: ViewStyle;
+    callingCodeStyle?: TextStyle;
+    getCountryCode: (countryCode: string) => void;
+    maxLength: number;
+    errorMessage?: string;
+    label: string;
+}
+declare const CountryDropDown: ({ defaultCountryCode, defaultCallingCode, placeholder, onChangeText, value, containerStyle, inputStyle, countryPickerStyle, callingCodeStyle, getCountryCode, maxLength, errorMessage, label, }: MobileNumberInputProps) => React$1.JSX.Element;
+
+interface CommonTextInputProps {
+    label: string;
+    value?: string;
+    onChangeText: (text: string) => void;
+    placeholderText?: string;
+    isSecureTextEntry?: boolean;
+    activeBorderColor?: string;
+    inactiveBorderColor?: string;
+    borderRadius?: number;
+    inputStyle?: ViewStyle;
+    keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad';
+    maxLength?: number;
+    errorMessage?: string;
+    editable?: boolean;
+    textColor?: string;
+    labelColor?: string;
+    pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
+    handlePress?: () => void;
+}
+declare const CommonTextInput: React$1.FC<CommonTextInputProps>;
+
+interface CustomDropdownProps {
+    data: {
+        [key: string]: string;
+    }[];
+    labelField?: string;
+    valueField?: string;
+    label?: string;
+    placeholder?: string;
+    containerStyle?: ViewStyle;
+    dropdownStyle?: ViewStyle;
+    placeholderStyle?: TextStyle;
+    selectedTextStyle?: TextStyle;
+    iconStyle?: ImageStyle;
+    labelStyle?: TextStyle;
+    defaultValue?: string;
+    iconColor?: string;
+    itemTextStyle?: TextStyle;
+    onValueChange?: (value: string) => void;
+    itemContainerStyle?: ViewStyle;
+}
+declare const CustomDropdown: React$1.FC<CustomDropdownProps>;
+
+interface CustomSwitchBtnProps {
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    activeText: string;
+    activeTextVariant?: string;
+    inActiveText: string;
+    inActiveTextVariant?: string;
+    containerStyle?: ViewStyle;
+    activeTextStyle?: TextStyle;
+    inActiveTextStyle?: TextStyle;
+    disabled?: boolean;
+    circleStyle?: ViewStyle;
+}
+
+declare const CustomSwitchBtn: ({ value, onValueChange, disabled, activeText, activeTextVariant, inActiveText, inActiveTextVariant, containerStyle, activeTextStyle, inActiveTextStyle, circleStyle, }: CustomSwitchBtnProps) => React$1.JSX.Element;
+
+declare class ToastService implements ToastServiceInterface {
+    private toastRef;
+    setRef(ref: ToastRef | null): void;
+    showToast(message: string, duration?: number, isSuccess?: boolean, buttonText?: string | null, buttonAction?: (() => void) | null): void;
+}
+declare const toastService: ToastService;
+
+interface Tag {
+    value: string;
+    name: string;
+}
+interface TagsComponentProps {
+    tagList: Tag[];
+    selectedTag: string;
+    setSelectedTag: (val: string) => void;
+    handleTagPress?: (val: string) => void | undefined;
+}
+declare const TagsComponent: React$1.FC<TagsComponentProps>;
+
+interface CustomDocumentPickerProps {
+    onDocumentUpload: (base64: string, document?: DocumentPickerResponse) => void;
+    title?: string;
+    hint?: string;
+    maxFileSize?: number;
+    fileTypes?: string[];
+    containerStyle?: ViewStyle;
+    titleStyle?: TextStyle;
+    hintStyle?: TextStyle;
+}
+
+declare const _default$3: (props: CustomDocumentPickerProps) => React$1.JSX.Element;
+
+interface IProps$1 {
+    length?: number;
+    onComplete?: (otp?: string) => void;
+    errorMessage?: string;
+    testId?: string;
+    otpContainerStyle?: ViewStyle;
+    resendOTP?: () => void;
+}
+type OTPInputHandle = {
+    reset: () => void;
+};
+
+declare const _default$2: (props: IProps$1 & React$1.RefAttributes<OTPInputHandle>) => React$1.JSX.Element;
+
+type StatusType = 'Active' | 'Inactive' | 'Completed' | 'Rejected' | 'Count';
+interface IData {
+    step: string;
+    label?: string;
+    status?: StatusType;
+}
+interface IProps {
+    containerStyle?: ViewStyle;
+    showStepCount?: boolean;
+    showStatus?: boolean;
+    data: IData[];
+}
+
+declare const _default$1: (props: IProps) => React$1.JSX.Element;
+
+interface CustomSlideButtonProps {
+    label?: string;
+    onComplete?: () => void;
+}
+
+declare const _default: (props: CustomSlideButtonProps) => React$1.JSX.Element;
+
+declare const DHRE_DEFAULT: {
+    DH_LINE_GREY_0: string;
+    DH_LINE_GREY_100: string;
+    DH_LINE_GREY_200: string;
+    DH_LINE_GREY_300: string;
+    DH_LINE_GREY_400: string;
+    DH_LINE_GREY_500: string;
+    DH_LINE_GREY_600: string;
+    DH_LINE_GREY_700: string;
+    DH_LINE_GREY_800: string;
+    DH_NETURAL_GRAY_800: string;
+    DH_BLUE: string;
+    DH_BG_GREY_0: string;
+    DH_BG_GREY_100: string;
+    DH_BG_GREY_200: string;
+    DH_BG_GREY_300: string;
+    DH_BG_GREY_400: string;
+    DH_BG_GREY_500: string;
+    DH_BG_GREY_600: string;
+    DH_BG_GREY_700: string;
+    DH_BG_GREY_800: string;
+    DH_BG_GREY_900: string;
+    DH_BG_GREY: string;
+    DH_SUCESS: string;
+    DH_ERROR: string;
+    DH_INFO: string;
+    DH_SEMENTIC_ERROR: string;
+    DH_SEMENTIC_WARNING: string;
+};
+declare const DHRE_COLORS_TEXT: {
+    DH_BLACK: string;
+    DH_WHITE: string;
+    DH_TEXTDARK: string;
+    DH_TEXTLIGHT: string;
+    DH_TEXTLIGHTEST: string;
+    DH_TEXTDISABLED: string;
+    DH_LIGHTGREEN: string;
+};
+
+declare const horizontalScale: (size: number) => number;
+declare const verticalScale: (size: number) => number;
+declare const moderateScale: (size: number, factor?: number) => number;
+
+declare const copyToClipboard: (textToCopy: string) => void;
+
+declare const theme: {
+    SURFACE_PRIMARY: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_SECONDARY: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_TERTIARY: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_STATIC: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_BRAND_STATIC: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_BRAND_TRANSPARENT_STATIC: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_DISABLE: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_INVERTED: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_INVERTED_TRANSPARENT: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_DROP_SHADOW: {
+        light: string;
+        dark: string;
+    };
+    SURFACE_BLUR: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_PRIMARY: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_SECONDRY: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_DISABLE: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_INVERTED: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_STATIC: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_PRIMARY_STATIC: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_SECONDRY_STATIC: {
+        light: string;
+        dark: string;
+    };
+    BORDER_PRIMARY: {
+        light: string;
+        dark: string;
+    };
+    BORDER_SECONDRY: {
+        light: string;
+        dark: string;
+    };
+    BORDER_DISABLE: {
+        light: string;
+        dark: string;
+    };
+    BORDER_INVERTED: {
+        light: string;
+        dark: string;
+    };
+    BORDER_BRAND_STATIC: {
+        light: string;
+        dark: string;
+    };
+    BORDER_BRAND_TRANSPARENT_STATIC: {
+        light: string;
+        dark: string;
+    };
+    BORDER_STATIC: {
+        light: string;
+        dark: string;
+    };
+    BORDER_TEXT_FIELD: {
+        light: string;
+        dark: string;
+    };
+    BORDER_SEPRATOR: {
+        light: string;
+        dark: string;
+    };
+    BORDER_SEPERATOR_HEADER: {
+        light: string;
+        dark: string;
+    };
+    WARNING: {
+        light: string;
+        dark: string;
+    };
+    SUCCESS: {
+        light: string;
+        dark: string;
+    };
+    INFO: {
+        light: string;
+        dark: string;
+    };
+    ERROR: {
+        light: string;
+        dark: string;
+    };
+};
+
+export { Accordion, _default$b as Badge, BottomDrawer, _default$a as Button, Cards, _default$4 as Category, Checkbox as CheckBox, _default$6 as ContactModel, CountryDropDown as CountryPicker, _default$3 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default as CustomSlideButton, CustomSwitchBtn, _default$c as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, FeedbackForm, FileUpload, FontStyle, _default$8 as Line, NotificationBandge, _default$2 as OTPInput, _default$5 as OurOfficesButton, PdfView, PopUp, TagsComponent as SingleSelectionTags, Star as StarRating, _default$1 as Stepper, SwipableList, _default$9 as Tabs, Tags, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, _default$7 as Topic, copyToClipboard, theme as default, horizontalScale, moderateScale, toastService, verticalScale };