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;
}
import React from 'react';
import styled from 'styled-components';
import { addFocus } from '../../../mixins';
import { Image } from '../../Image';
import { Headline4, Footnote1 } from '../../Typography';
var StyledCard = styled.a.withConfig({
    displayName: "Carousel.examples__StyledCard",
    componentId: "sc-5e1927d1-0"
})([
    "display:flex;position:relative;border-radius:1rem;",
    ""
], addFocus({
    outlined: true,
    outlineRadius: '1.125rem'
}));
var StyledCardContent = styled.div.withConfig({
    displayName: "Carousel.examples__StyledCardContent",
    componentId: "sc-5e1927d1-1"
})([
    "position:absolute;left:0;right:0;bottom:0;padding:1.72rem;color:#fff;"
]);
/**
 * Карточка под примеры с каруселью.
 * @private
 */ export 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.createElement(StyledCard, rest, /*#__PURE__*/ React.createElement(Image, {
        src: imageSrc,
        ratio: "16 / 9",
        base: imageBase,
        alt: imageAlt
    }), /*#__PURE__*/ React.createElement(StyledCardContent, null, /*#__PURE__*/ React.createElement(Headline4, null, title), /*#__PURE__*/ React.createElement(Footnote1, null, subtitle)));
};
