"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.testContentRootViewStyle = exports.mobileStyles = exports.separatorStackStyle = exports.stackStyle = exports.fluentTesterStyles = exports.commonTestStyles = void 0;
var react_native_1 = require("react-native");
exports.commonTestStyles = react_native_1.StyleSheet.create({
    root: {
        marginTop: 16,
        marginRight: 32,
        flexDirection: 'column',
        alignItems: 'flex-start',
    },
    flex: { flex: 1 },
    header: {
        marginVertical: 6,
        fontSize: 16,
    },
    section: {
        fontSize: 20,
        fontWeight: 'bold',
        color: '#0B6A0B',
        marginTop: 12,
    },
    separatorStack: {
        height: 200,
        flexDirection: 'row',
        justifyContent: 'space-evenly',
    },
    settings: {
        flexGrow: 1,
    },
    settingsPicker: {
        flexDirection: 'column',
        flex: 1,
    },
    pickerControlled: {
        flex: 1,
        flexDirection: 'row',
    },
    vmargin: {
        marginVertical: 6,
    },
    stack: {
        borderWidth: 2,
        borderColor: '#bdbdbd',
        padding: 12,
        margin: 8,
    },
    switch: {
        flexDirection: 'row',
        alignItems: 'center',
    },
    textBox: {
        borderWidth: 1,
        height: 25,
        fontSize: 12,
        width: 150,
        marginBottom: 8,
        paddingVertical: 0,
    },
    view: {
        minHeight: 200,
        justifyContent: 'space-between',
    },
    androidContainer: {
        marginTop: 20,
        justifyContent: 'space-between',
    },
});
exports.fluentTesterStyles = react_native_1.StyleSheet.create({
    testRoot: {
        flex: 1,
        flexGrow: 1,
        flexDirection: 'row',
        minHeight: 550,
        minWidth: 300,
        justifyContent: 'flex-start',
        alignItems: 'stretch',
        padding: 4,
    },
    header: {
        flexDirection: 'row',
        justifyContent: 'space-between',
    },
    headerWithBackButton: {
        flexDirection: 'column',
        justifyContent: 'space-between',
    },
    backButton: {
        alignSelf: 'flex-start',
        display: 'flex',
    },
    testHeader: {
        marginBottom: 8,
        marginTop: 4,
    },
    testList: {
        minWidth: 160,
        flexShrink: 0,
        flexGrow: 0,
        flexDirection: 'row',
    },
    testListContainerStyle: {
        flexDirection: 'column',
        alignItems: 'stretch',
    },
    scrollViewStyle: {
        flexDirection: 'column',
        alignItems: 'stretch',
    },
    scrollViewContainer: {
        height: 250,
        width: 150,
        flexShrink: 0,
        flexGrow: 0,
        flexDirection: 'column',
    },
    testListItem: {
        width: '100%',
        borderRadius: 0,
        justifyContent: 'flex-start',
    },
    testListSeparator: { marginHorizontal: 8 },
    testSection: {
        width: '100%',
        padding: 8,
    },
    noTest: {
        alignSelf: 'center',
        fontSize: 18,
    },
});
exports.stackStyle = {
    borderWidth: 1,
    borderColor: '#bdbdbd',
    paddingVertical: 8,
    paddingHorizontal: 12,
    margin: 8,
};
exports.separatorStackStyle = {
    height: 200,
    flexDirection: 'row',
    justifyContent: 'space-evenly',
};
exports.mobileStyles = react_native_1.StyleSheet.create({
    header: {
        flexDirection: 'column',
        justifyContent: 'space-between',
    },
    testVariants: {
        flexDirection: 'row',
        marginHorizontal: 5,
        paddingTop: 10,
        paddingBottom: 5,
        flex: 1,
        justifyContent: 'space-evenly',
    },
    pageStyle: {
        padding: 5,
    },
    testList: {
        width: '100%',
    },
    testListItem: {
        width: '100%',
        height: 'auto',
        fontSize: 18,
        paddingVertical: 8,
    },
    testSection: {
        width: '100%',
        marginVertical: 15,
    },
    containerSpacedEvenly: {
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'space-evenly',
    },
});
exports.testContentRootViewStyle = [exports.stackStyle, exports.commonTestStyles.view];
//# sourceMappingURL=styles.js.map