import {
    type ReactNode
} from "react";
import type {
    ScrollViewProps,
    ViewStyle,
    StyleProp
} from "react-native";
import type IModalProps from "../modal/type";

export interface IBottomSheetRef {
    close: (onClosed: (props: {
        id: string;
    }) => void) => void;
    open: () => void;
}

interface IBottomSheetProps {
    handleContainerBackgroundColor?: keyof NCoreUIKit.ContainerContentColors;
    handleContainerSpacing?: keyof NCoreUIKit.ActivePalette["spaces"];
    handleBackgroundColor?: keyof NCoreUIKit.ContainerContentColors;
    backgroundColor?: keyof NCoreUIKit.ContainerContentColors;
    scrollViewStyle?: StyleProp<ViewStyle>;
    isForceFullScreenOnSwipe?: boolean;
    scrollViewProps?: ScrollViewProps;
    isCanFullScreenOnSwipe?: boolean;
    isWrapSafeAreaContext?: boolean;
    renderHeader?: () => ReactNode;
    renderBottom?: () => ReactNode;
    onOverlayPressed?: () => void;
    isWorkAsFullScreen?: boolean;
    scrollEndThreshold?: number;
    isCloseOnOverlay?: boolean;
    isWorkWithPortal?: boolean;
    onScrollEnd?: () => void;
    modalProps?: IModalProps;
    isSwipeClose?: boolean;
    isShowHandle?: boolean;
    isAutoHeight?: boolean;
    handleHeight?: number;
    onOpened?: () => void;
    isCanSwipe?: boolean;
    children?: ReactNode;
    onClosed?: (props: {
        id: string;
    }) => void;
    portalName?: string;
    onOpen?: () => void;
    onClose?: (props: {
        id: string;
    }) => void;
    snapPoint?: number;
    isActive?: boolean;
    customKey?: string;
    style?: ViewStyle;
    customTheme?: {
        gapPropagation?: NCoreUIKit.GapPropagationKey;
        sharpness?: NCoreUIKit.SharpnessKey;
        paletteKey?: NCoreUIKit.PaletteKey;
        themeKey?: NCoreUIKit.ThemeKey;
    };
    id?: string;
}
export type {
    IBottomSheetProps as default
};
