import * as React from 'react';
import { View } from 'react-native';
import { Stack } from '@fluentui-react-native/stack';
import { Body1, Body1Strong, Body2, Body2Strong, Caption1, Caption1Strong, Caption2, Display, LargeTitle, TextV1, Title1, Title2, Title3, } from '@fluentui-react-native/text';
import { stackStyle } from '../Common/styles';
export const V2Usage = () => {
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle, gap: 5 },
            React.createElement(TextV1, { variant: "caption2" }, "Caption2 v1"),
            React.createElement(Caption2, null, "Caption2 v2"),
            React.createElement(TextV1, { variant: "caption1" }, "Caption1 v1"),
            React.createElement(Caption1, null, "Caption1 v2"),
            React.createElement(TextV1, { variant: "caption1Strong" }, "Caption1Strong v1"),
            React.createElement(Caption1Strong, null, "Caption1Strong v2"),
            React.createElement(TextV1, { variant: "body2" }, "Body2 v1"),
            React.createElement(Body2, null, "Body2 v2"),
            React.createElement(TextV1, { variant: "body2Strong" }, "Body2Strong v1"),
            React.createElement(Body2Strong, null, "Body2Strong v2"),
            React.createElement(TextV1, { variant: "body1" }, "Body1 v1"),
            React.createElement(Body1, null, "Body1 v2"),
            React.createElement(TextV1, { variant: "body1Strong" }, "Body1Strong v1"),
            React.createElement(Body1Strong, null, "Body1Strong v2"),
            React.createElement(TextV1, { variant: "title3" }, "Title3 v1"),
            React.createElement(Title3, null, "Title3 v2"),
            React.createElement(TextV1, { variant: "title2" }, "Title2 v1"),
            React.createElement(Title2, null, "Title2 v2"),
            React.createElement(TextV1, { variant: "title1" }, "Title1 v1"),
            React.createElement(Title1, null, "Title1 v2"),
            React.createElement(TextV1, { variant: "largeTitle" }, "LargeTitle v1"),
            React.createElement(LargeTitle, null, "LargeTitle v2"),
            React.createElement(TextV1, { variant: "display" }, "Display v1"),
            React.createElement(Display, null, "Display v2"))));
};
//# sourceMappingURL=V2Usage.mobile.js.map