import type { IStackProps } from '@fluentui-react-native/stack';
export declare const commonTestStyles: {
    root: {
        marginTop: number;
        marginRight: number;
        flexDirection: "column";
        alignItems: "flex-start";
    };
    flex: {
        flex: number;
    };
    header: {
        marginVertical: number;
        fontSize: number;
    };
    section: {
        fontSize: number;
        fontWeight: "bold";
        color: string;
        marginTop: number;
    };
    separatorStack: {
        height: number;
        flexDirection: "row";
        justifyContent: "space-evenly";
    };
    settings: {
        flexGrow: number;
    };
    settingsPicker: {
        flexDirection: "column";
        flex: number;
    };
    pickerControlled: {
        flex: number;
        flexDirection: "row";
    };
    vmargin: {
        marginVertical: number;
    };
    stack: {
        borderWidth: number;
        borderColor: string;
        padding: number;
        margin: number;
    };
    switch: {
        flexDirection: "row";
        alignItems: "center";
    };
    textBox: {
        borderWidth: number;
        height: number;
        fontSize: number;
        width: number;
        marginBottom: number;
        paddingVertical: number;
    };
    view: {
        minHeight: number;
        justifyContent: "space-between";
    };
    androidContainer: {
        marginTop: number;
        justifyContent: "space-between";
    };
};
export declare const fluentTesterStyles: {
    testRoot: {
        flex: number;
        flexGrow: number;
        flexDirection: "row";
        minHeight: number;
        minWidth: number;
        justifyContent: "flex-start";
        alignItems: "stretch";
        padding: number;
    };
    header: {
        flexDirection: "row";
        justifyContent: "space-between";
    };
    headerWithBackButton: {
        flexDirection: "column";
        justifyContent: "space-between";
    };
    backButton: {
        alignSelf: "flex-start";
        display: "flex";
    };
    testHeader: {
        marginBottom: number;
        marginTop: number;
    };
    testList: {
        minWidth: number;
        flexShrink: number;
        flexGrow: number;
        flexDirection: "row";
    };
    testListContainerStyle: {
        flexDirection: "column";
        alignItems: "stretch";
    };
    scrollViewStyle: {
        flexDirection: "column";
        alignItems: "stretch";
    };
    scrollViewContainer: {
        height: number;
        width: number;
        flexShrink: number;
        flexGrow: number;
        flexDirection: "column";
    };
    testListItem: {
        width: string;
        borderRadius: number;
        justifyContent: "flex-start";
    };
    testListSeparator: {
        marginHorizontal: number;
    };
    testSection: {
        width: string;
        padding: number;
    };
    noTest: {
        alignSelf: "center";
        fontSize: number;
    };
};
export declare const stackStyle: IStackProps['style'];
export declare const separatorStackStyle: IStackProps['style'];
export declare const mobileStyles: {
    header: {
        flexDirection: "column";
        justifyContent: "space-between";
    };
    testVariants: {
        flexDirection: "row";
        marginHorizontal: number;
        paddingTop: number;
        paddingBottom: number;
        flex: number;
        justifyContent: "space-evenly";
    };
    pageStyle: {
        padding: number;
    };
    testList: {
        width: string;
    };
    testListItem: {
        width: string;
        height: string;
        fontSize: number;
        paddingVertical: number;
    };
    testSection: {
        width: string;
        marginVertical: number;
    };
    containerSpacedEvenly: {
        display: "flex";
        flexDirection: "column";
        justifyContent: "space-evenly";
    };
};
export declare const testContentRootViewStyle: (import("react-native").ViewStyle | {
    minHeight: number;
    justifyContent: "space-between";
})[];
//# sourceMappingURL=styles.d.ts.map