"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SubheaderText = exports.GridButton = exports.focusZoneTestStyles = void 0;
var react_native_1 = require("react-native");
var react_native_2 = require("@fluentui/react-native");
var button_1 = require("@fluentui-react-native/button");
var icon_1 = require("@fluentui-react-native/icon");
exports.focusZoneTestStyles = react_native_1.StyleSheet.create({
    focusZoneViewStyle: {
        flexDirection: 'row',
        alignContent: 'flex-start',
        alignItems: 'flex-start',
        padding: 10,
    },
    nestedFocusZoneStyle: {
        borderWidth: 1,
        padding: 8,
        margin: 8,
    },
    focusZoneButton: {
        height: 30,
        width: 100,
        margin: 10,
    },
    listWrapperButton: {
        marginVertical: 10,
    },
    dashedBorder: {
        borderWidth: 1,
        borderStyle: 'dashed',
    },
    radioGroup: {
        display: 'flex',
        flexDirection: 'row',
        fontSize: 12,
    },
    scrollViewStyle: {
        height: 100,
        width: 300,
    },
    scrollViewContentStyle: {
        backgroundColor: 'grey',
    },
    scrollViewButton: {
        marginHorizontal: 20,
        marginBottom: 100,
    },
    smallBoxStyle: {
        width: 20,
        height: 20,
        backgroundColor: 'lightgrey',
        margin: 5,
    },
    wideBoxStyle: {
        width: 150,
        height: 20,
        backgroundColor: 'lightgrey',
        margin: 5,
    },
});
exports.GridButton = button_1.ButtonV1.compose({
    slots: {
        root: react_native_1.View,
        icon: icon_1.Icon,
        content: react_native_2.Text,
    },
    slotProps: {
        content: {
            style: { aspectRatio: 1, alignItems: 'center', justifyContent: 'center' },
        },
    },
});
exports.SubheaderText = react_native_2.Text.customize({
    tokens: { variant: 'subheaderSemibold' },
    root: { style: { textDecorationLine: 'underline' } },
});
//# sourceMappingURL=styles.js.map