"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "CarouselCard", {
    enumerable: true,
    get: function() {
        return CarouselCard;
    }
});
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _mixins = require("../../../mixins");
var _Image = require("../../Image");
var _Typography = require("../../Typography");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
function _object_without_properties(source, excluded) {
    if (source == null) return {};
    var target = _object_without_properties_loose(source, excluded);
    var key, i;
    if (Object.getOwnPropertySymbols) {
        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
        for(i = 0; i < sourceSymbolKeys.length; i++){
            key = sourceSymbolKeys[i];
            if (excluded.indexOf(key) >= 0) continue;
            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
            target[key] = source[key];
        }
    }
    return target;
}
function _object_without_properties_loose(source, excluded) {
    if (source == null) return {};
    var target = {};
    var sourceKeys = Object.keys(source);
    var key, i;
    for(i = 0; i < sourceKeys.length; i++){
        key = sourceKeys[i];
        if (excluded.indexOf(key) >= 0) continue;
        target[key] = source[key];
    }
    return target;
}
var StyledCard = _styledcomponents.default.a.withConfig({
    displayName: "Carousel.examples__StyledCard",
    componentId: "sc-5e1927d1-0"
})([
    "display:flex;position:relative;border-radius:1rem;",
    ""
], (0, _mixins.addFocus)({
    outlined: true,
    outlineRadius: '1.125rem'
}));
var StyledCardContent = _styledcomponents.default.div.withConfig({
    displayName: "Carousel.examples__StyledCardContent",
    componentId: "sc-5e1927d1-1"
})([
    "position:absolute;left:0;right:0;bottom:0;padding:1.72rem;color:#fff;"
]);
var CarouselCard = function(_param) {
    var title = _param.title, subtitle = _param.subtitle, imageSrc = _param.imageSrc, imageAlt = _param.imageAlt, _param_imageBase = _param.imageBase, imageBase = _param_imageBase === void 0 ? 'div' : _param_imageBase, rest = _object_without_properties(_param, [
        "title",
        "subtitle",
        "imageSrc",
        "imageAlt",
        "imageBase"
    ]);
    return /*#__PURE__*/ _react.default.createElement(StyledCard, rest, /*#__PURE__*/ _react.default.createElement(_Image.Image, {
        src: imageSrc,
        ratio: "16 / 9",
        base: imageBase,
        alt: imageAlt
    }), /*#__PURE__*/ _react.default.createElement(StyledCardContent, null, /*#__PURE__*/ _react.default.createElement(_Typography.Headline4, null, title), /*#__PURE__*/ _react.default.createElement(_Typography.Footnote1, null, subtitle)));
};
