import * as React from 'react';
import { Text, View } from 'react-native';
import { Separator } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { Caption1, Title2, Title3 } from '@fluentui-react-native/text';
import { stackStyle } from '../Common/styles';
const maximumFontSizeStyle = { maximumFontSize: 36 };
const CappedTitle2 = Title2.customize(maximumFontSizeStyle);
const CappedTitle3 = Title3.customize(maximumFontSizeStyle);
export const MaximumFontSizeUsage = () => {
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle, gap: 5 },
            React.createElement(Caption1, null, "Play with the preferred content size. The marked elements should not grow larger than 36 points."),
            React.createElement(Separator, null),
            React.createElement(Title2, null, "Title2"),
            React.createElement(Title3, null, "Title3"),
            React.createElement(CappedTitle2, null, "Title2 (capped)"),
            React.createElement(CappedTitle3, null, "Title3 (capped)"),
            React.createElement(Text, { allowFontScaling: false, style: { fontSize: 36, fontWeight: '600' } }, "This is 36 pt"))));
};
//# sourceMappingURL=MaximumFontSize.ios.js.map