"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomisedMobileDividers = exports.MobileDividers = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var divider_1 = require("@fluentui-react-native/divider");
var stack_1 = require("@fluentui-react-native/stack");
var text_1 = require("@fluentui-react-native/text");
var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
var styles_1 = require("../Common/styles");
var CustomizedText = text_1.TextV1.customize({
    textAlign: 'right',
    fontSize: 'caption',
    fontWeight: 'bold',
    paddingVertical: 100,
});
var mobileDividerstyles = react_native_1.StyleSheet.create({
    container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
});
var RedDivider = divider_1.Divider.customize({ lineColor: 'red' });
var GreenThickDivider = divider_1.Divider.customize({ lineColor: 'green', thickness: theme_tokens_1.globalTokens.stroke.width30 });
var MobileDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 0 }),
        React.createElement(CustomizedText, null, "Inset : 0")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 16 }),
        React.createElement(CustomizedText, null, "Inset : 16")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 56 }),
        React.createElement(CustomizedText, null, "Inset : 56")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 68 }),
        React.createElement(CustomizedText, null, "Inset : 68")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 72 }),
        React.createElement(CustomizedText, null, "Inset : 72")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(divider_1.Divider, { insetSize: 108 }),
        React.createElement(CustomizedText, null, "Inset : 108")))); };
exports.MobileDividers = MobileDividers;
var CustomisedMobileDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(RedDivider, null),
        React.createElement(CustomizedText, null, "Inset : 0 | color : red")),
    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
        React.createElement(GreenThickDivider, { insetSize: 56 }),
        React.createElement(CustomizedText, null, "Inset : 56 | color : green | thickness: width30")))); };
exports.CustomisedMobileDividers = CustomisedMobileDividers;
//# sourceMappingURL=MobileDividerTest.js.map