"use strict";
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 __());
};
var React = require('react');
var index_1 = require('../../../../index');
var ImageContainExample = (function (_super) {
    __extends(ImageContainExample, _super);
    function ImageContainExample() {
        _super.apply(this, arguments);
    }
    ImageContainExample.prototype.render = function () {
        var imageProps = {
            src: 'http://placehold.it/700x300',
            imageFit: index_1.ImageFit.contain
        };
        return (React.createElement("div", null, React.createElement(index_1.Label, null, "The image has a wider aspect ratio (landscape) than the frame, so the image is scaled to fit the width and the top and bottom are empty."), React.createElement(index_1.Image, React.__spread({}, imageProps, {width: 200, height: 200})), React.createElement("br", null), React.createElement(index_1.Label, null, "The image has a taller aspect ratio (portrait) than the frame, so the image is scaled to fit the height and the sides are empty."), React.createElement(index_1.Image, React.__spread({}, imageProps, {width: 300, height: 50}))));
    };
    return ImageContainExample;
}(React.Component));
exports.ImageContainExample = ImageContainExample;

//# sourceMappingURL=Image.Contain.Example.js.map
