import { Text } from '@fluentui/react-text';
import * as React from 'react';
var Divider = function () { return (React.createElement("div", { style: { borderBottom: '#D1D1D1 1px solid', marginBottom: 5, marginTop: 5, width: '100%' } })); };
export var TextSizeStories = function () { return (React.createElement(React.Fragment, null,
    React.createElement(Text, { variant: "caption" }, "Hello I am Caption Regular Primary"),
    React.createElement(Divider, null),
    React.createElement(Text, { variant: "body" }, "Hello I am Body Regular Primary"),
    React.createElement(Divider, null),
    React.createElement(Text, { variant: "subHeadline" }, "I am Subheadline Semibold Primary"),
    React.createElement(Text, { variant: "headline" }, "I am Headline Semibold Primary"),
    React.createElement(Divider, null),
    React.createElement(Text, { variant: "title3" }, "Title 3 Semibold Primary"),
    React.createElement(Text, { variant: "title2" }, "Title 2 Semibold Primary"),
    React.createElement(Text, { variant: "title1" }, "Title 1 Semibold Primary"),
    React.createElement(Divider, null),
    React.createElement(Text, { variant: "largeTitle" }, "Large Title Semibold Primary"),
    React.createElement(Text, { variant: "display" }, "Display Semibold Primary"))); };
//# sourceMappingURL=Text.stories.js.map