import {
    useRef
} from "react";
import {
    View
} from "react-native";
import stylesheet from "./stylesheet";
import {
    type IBottomSheetRef,
    PageContainer,
    BottomSheet,
    Button,
    Text
} from "ncore-ui-kit-mobile";

const TestSubPage = () => {
    const bottomSheetRef = useRef<IBottomSheetRef>(null);

    return <PageContainer
        style={[
            stylesheet.container
        ]}
    >
        <Text>This is test sub page.</Text>
        <Button
            onPress={() => {
                bottomSheetRef.current?.open();
            }}
            type="success"
            title="Ahmet"
            variant="filled"
        />
        <BottomSheet
            isCanFullScreenOnSwipe={true}
            isWorkWithPortal={false}
            ref={bottomSheetRef}
            snapPoint={300}
        >
            <Button
                onPress={() => {

                }}
                title="Git."
            />
            <View
                style={{
                    backgroundColor: "red",
                    height: 2400
                }}
            />
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
            <Text>Deneme 123</Text>
        </BottomSheet>
    </PageContainer>;
};
export default TestSubPage;