(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{

/***/ "../rmwc-samples/lib/component/CardSamples.js":
/*!****************************************************!*\
  !*** ../rmwc-samples/lib/component/CardSamples.js ***!
  \****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var Card_1 = __webpack_require__(/*! rmwc/Card */ "../../node_modules/rmwc/Card/index.js");
var Typography_1 = __webpack_require__(/*! rmwc/Typography */ "../../node_modules/rmwc/Typography/index.js");
var CardSample = /** @class */ (function (_super) {
    __extends(CardSample, _super);
    function CardSample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    CardSample.prototype.render = function () {
        return (React.createElement(Card_1.Card, { style: { width: '21rem' } },
            React.createElement(Card_1.CardPrimaryAction, null,
                React.createElement(Card_1.CardMedia, { sixteenByNine: true, style: { backgroundImage: 'url(https://material-components-web.appspot.com/images/16-9.jpg)' } }),
                React.createElement("div", { style: { padding: '0 1rem 1rem 1rem' } },
                    React.createElement(Typography_1.Typography, { use: "title", tag: "h2" }, "Our Changing Planet"),
                    React.createElement(Typography_1.Typography, { use: "subheading1", tag: "h3", theme: "text-secondary-on-background", style: { marginTop: '-1rem' } }, "by Kurt Wagner"),
                    React.createElement(Typography_1.Typography, { use: "body1", tag: "div", theme: "text-secondary-on-background" }, "Visit ten places on our planet that are undergoing the biggest changes today."))),
            React.createElement(Card_1.CardActions, null,
                React.createElement(Card_1.CardActionButtons, null,
                    React.createElement(Card_1.CardAction, null, "Read"),
                    React.createElement(Card_1.CardAction, null, "Bookmark")),
                React.createElement(Card_1.CardActionIcons, null,
                    React.createElement(Card_1.CardAction, { iconToggle: true, on: { label: 'Remove from favorites', content: 'favorite' }, off: { label: 'Add to favorites', content: 'favorite_border' } }),
                    React.createElement(Card_1.CardAction, { icon: true, use: "share" }),
                    React.createElement(Card_1.CardAction, { icon: true, use: "more_vert" })))));
    };
    return CardSample;
}(React.Component));
var MiniCardSample = /** @class */ (function (_super) {
    __extends(MiniCardSample, _super);
    function MiniCardSample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    MiniCardSample.prototype.render = function () {
        return (React.createElement(Card_1.Card, { style: { width: '12.5rem' } },
            React.createElement(Card_1.CardPrimaryAction, null,
                React.createElement(Card_1.CardMedia, { square: true, style: { backgroundImage: 'url(https://material-components-web.appspot.com/images/1-1.jpg)' } },
                    React.createElement(Card_1.CardMediaContent, null,
                        React.createElement(Typography_1.Typography, { use: "subheading2", tag: "div", theme: "text-primary-on-dark", style: {
                                padding: '0.5rem 1rem',
                                backgroundImage: 'linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)',
                                bottom: '0',
                                left: '0',
                                right: '0',
                                position: 'absolute'
                            } }, "Vacation Photos")))),
            React.createElement(Card_1.CardActions, null,
                React.createElement(Card_1.CardActionIcons, null,
                    React.createElement(Card_1.CardAction, { iconToggle: true, on: { label: 'Remove from favorites', content: 'favorite' }, off: { label: 'Add to favorites', content: 'favorite_border' } }),
                    React.createElement(Card_1.CardAction, { icon: true, use: "bookmark_border" }),
                    React.createElement(Card_1.CardAction, { icon: true, use: "share" })))));
    };
    return MiniCardSample;
}(React.Component));
var CardSamples = /** @class */ (function (_super) {
    __extends(CardSamples, _super);
    function CardSamples() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    CardSamples.prototype.render = function () {
        return (React.createElement("div", { style: { padding: 8 } },
            React.createElement("h2", null, "React Material Web Components Card Samples"),
            React.createElement("h3", null, "Fully Featured"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(CardSample, null)),
            React.createElement("h3", null, "Mini Card"),
            React.createElement("div", { style: { padding: 8 } },
                React.createElement(MiniCardSample, null))));
    };
    return CardSamples;
}(React.Component));
exports.CardSamples = CardSamples;
exports.default = CardSamples;


/***/ })

}]);
//# sourceMappingURL=7.js.map