"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MaximumFontSizeUsage = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const stack_1 = require("@fluentui-react-native/stack");
const text_1 = require("@fluentui-react-native/text");
const styles_1 = require("../Common/styles");
const maximumFontSizeStyle = { maximumFontSize: 36 };
const CappedTitle2 = text_1.Title2.customize(maximumFontSizeStyle);
const CappedTitle3 = text_1.Title3.customize(maximumFontSizeStyle);
const MaximumFontSizeUsage = () => {
    return (React.createElement(react_native_1.View, null,
        React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
            React.createElement(text_1.Caption1, null, "Play with the preferred content size. The marked elements should not grow larger than 36 points."),
            React.createElement(react_native_2.Separator, null),
            React.createElement(text_1.Title2, null, "Title2"),
            React.createElement(text_1.Title3, null, "Title3"),
            React.createElement(CappedTitle2, null, "Title2 (capped)"),
            React.createElement(CappedTitle3, null, "Title3 (capped)"),
            React.createElement(react_native_1.Text, { allowFontScaling: false, style: { fontSize: 36, fontWeight: '600' } }, "This is 36 pt"))));
};
exports.MaximumFontSizeUsage = MaximumFontSizeUsage;
//# sourceMappingURL=MaximumFontSize.ios.js.map