react-native-awesome-medialib/lib/typescript/components/video_player/styles.d.ts

A useful media selector module base on native component

export declare const windowWidth: number;
export declare const windowHeight: number;
export declare const inlineStyle: {
    container: {};
    viewContainer: {
        width: string;
        height: string;
        position: "relative";
        backgroundColor: string;
    };
    video: {
        width: string;
        height: string;
        backgroundColor: string;
    };
    controlContainer: {
        position: "absolute";
        width: string;
        height: string;
        top: number;
        left: number;
        zIndex: number;
    };
    controlPlayerWrapper: {
        position: "absolute";
        width: number;
        height: number;
        top: string;
        left: string;
        transform: ({
            translateX: number;
            translateY?: undefined;
        } | {
            translateY: number;
            translateX?: undefined;
        })[];
        overflow: "hidden";
    };
    controlTitleWrapper: {
        paddingTop: number;
        paddingLeft: number;
    };
    controlTitle: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    controlToolBar: {
        position: "absolute";
        width: string;
        height: number;
        left: number;
        bottom: number;
        paddingLeft: number;
        paddingRight: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    toolBarFullscreen: {
        width: number;
        height: number;
    };
    toolBarProgress: {
        flex: number;
        height: number;
        marginLeft: number;
        marginRight: number;
        backgroundColor: string;
    };
    toolBarProgressTrack: {
        position: "relative";
        width: number;
        height: string;
        backgroundColor: string;
    };
    toolBarTrackPoint: {
        position: "absolute";
        top: string;
        right: number;
        width: number;
        height: number;
        transform: ({
            translateX: number;
            translateY?: undefined;
        } | {
            translateY: number;
            translateX?: undefined;
        })[];
        backgroundColor: string;
        borderRadius: number;
    };
    toolBarTimeText: {
        color: string;
        textAlign: "center";
        fontWeight: "500";
        fontSize: number;
        width: number;
    };
    toolBarDuration: {
        marginRight: number;
    };
};
export declare const fullscreenStyle: {
    container: {};
    viewContainer: {
        width: string;
        height: string;
        position: "relative";
        backgroundColor: string;
    };
    video: {
        width: string;
        height: string;
        backgroundColor: string;
    };
    controlContainer: {
        position: "absolute";
        width: string;
        height: string;
        top: number;
        left: number;
        zIndex: number;
    };
    controlPlayerWrapper: {
        position: "absolute";
        width: number;
        height: number;
        top: string;
        left: string;
        transform: ({
            translateX: number;
            translateY?: undefined;
        } | {
            translateY: number;
            translateX?: undefined;
        })[];
        overflow: "hidden";
    };
    controlTitleWrapper: {
        paddingTop: number;
        paddingLeft: number;
    };
    controlTitle: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    controlToolBar: {
        position: "absolute";
        width: string;
        height: number;
        left: number;
        bottom: number;
        paddingLeft: number;
        paddingRight: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    toolBarFullscreen: {
        width: number;
        height: number;
    };
    toolBarProgress: {
        flex: number;
        height: number;
        marginLeft: number;
        marginRight: number;
        backgroundColor: string;
    };
    toolBarProgressTrack: {
        position: "relative";
        width: number;
        height: string;
        backgroundColor: string;
    };
    toolBarTrackPoint: {
        position: "absolute";
        top: string;
        right: number;
        width: number;
        height: number;
        transform: ({
            translateX: number;
            translateY?: undefined;
        } | {
            translateY: number;
            translateX?: undefined;
        })[];
        backgroundColor: string;
        borderRadius: number;
    };
    toolBarTimeText: {
        color: string;
        textAlign: "center";
        fontWeight: "500";
        fontSize: number;
        width: number;
    };
    toolBarDuration: {
        marginRight: number;
    };
} & {
    container: {
        position: "absolute";
        zIndex: number;
        top: number;
        left: number;
        width: number;
        height: number;
        backgroundColor: string;
        transform: ({
            translateY: number;
            translateX?: undefined;
            rotate?: undefined;
        } | {
            translateX: number;
            translateY?: undefined;
            rotate?: undefined;
        } | {
            rotate: string;
            translateY?: undefined;
            translateX?: undefined;
        })[];
    };
    toolBarTimeText: {
        fontSize: number;
    };
};