define(["require", "exports", "react", "office-ui-fabric-react", "@fluentui/react-flex"], function (require, exports, React, office_ui_fabric_react_1, react_flex_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    // Styles definition
    var flexStyles = {
        background: office_ui_fabric_react_1.DefaultPalette.themeTertiary,
    };
    var flexItemStyles = {
        alignItems: 'center',
        background: office_ui_fabric_react_1.DefaultPalette.themePrimary,
        color: office_ui_fabric_react_1.DefaultPalette.white,
        display: 'flex',
        height: 50,
        justifyContent: 'center',
    };
    // Tokens definition
    var flexTokens = {
        gap: '5px',
        padding: '10px',
    };
    exports.HorizontalFlexGrowExample = function () {
        return (React.createElement(react_flex_1.Flex, { style: flexStyles, tokens: flexTokens },
            React.createElement(react_flex_1.FlexItem, { tokens: { grow: '3' }, style: flexItemStyles }, "Grow is 3"),
            React.createElement(react_flex_1.FlexItem, { tokens: { grow: '2' }, style: flexItemStyles }, "Grow is 2"),
            React.createElement(react_flex_1.FlexItem, { tokens: { grow: '1' }, style: flexItemStyles }, "Grow is 1")));
    };
});
//# sourceMappingURL=FlexHorizontalGrow.stories.js.map