var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
define(["require", "exports", 'react', '../../../../index'], function (require, exports, React, index_1) {
    "use strict";
    var ImageCenterExample = (function (_super) {
        __extends(ImageCenterExample, _super);
        function ImageCenterExample() {
            _super.apply(this, arguments);
        }
        ImageCenterExample.prototype.render = function () {
            var imageProps = {
                src: 'http://placehold.it/800x300',
                imageFit: index_1.ImageFit.center,
                width: 350,
                height: 150
            };
            return (React.createElement("div", null, React.createElement(index_1.Label, null, "The image is larger than the frame and its size is maintained, so all sides are cropped to center the image."), React.createElement(index_1.Image, React.__spread({}, imageProps, {src: 'http://placehold.it/800x300'})), React.createElement("br", null), React.createElement(index_1.Label, null, "The image is smaller than the frame and its size is maintained, so there is empty space within the frame. The image is centered in the empty space."), React.createElement(index_1.Image, React.__spread({}, imageProps, {src: 'http://placehold.it/100x100'}))));
        };
        return ImageCenterExample;
    }(React.Component));
    exports.ImageCenterExample = ImageCenterExample;
});
